WebPShop, the plug-in for opening and saving WebP images directly from AdobePhotoshop, is now available on GitHub under an Apache 2.0 license.
Windows installation steps
Photoshop plugins offer a quick and easy way to get more from the software. The right plugin can save you time, unlock new features, and smooth out your workflow, but finding the right plugin for the job can be a time-consuming process. That's why we've gathered our favourite Photoshop plugins. Here is how to check that you have a link to your plugin file in the appropriate Photoshop plugin folder. First, find the path to your specific version of Photoshop below: Photoshop CC 2018, 2019, 2020 - C:Program FilesCommon FilesAdobePlug-insCC Photoshop CC 2015.5 - C:Program FilesCommon FilesAdobePlug-insCC.
Download the plug-in (by example from GitHub),
Copy the plug-in file
WebPShop.8bi
located inbinWebPShop_0_3_0_Win_x64
to the Photoshop installation folder, usuallyC:Program FilesAdobeAdobe PhotoshopPlug-ins
for x64.Restart Photoshop. 'Open' and 'Save' menu commands should now show WebP files.
Mac installation steps
Download the plug-in (by example from GitHub),
Copy the plug-in
WebPShop.plugin
located inbin/WebPShop_0_3_0_Mac_x64
to the Photoshop installation folder, usuallyApplications/Adobe Photoshop/Plug-ins
.Restart Photoshop. 'Open' and 'Save' menu commands should now show WebP files.
On macOS 10.15+, the prompt 'WebPShop.plugin cannot be opened because thedeveloper cannot be verified' can be bypassed by running the following inTerminal (Finder > Applications > Utilities):
Encoding options
Compression settings can be adjusted during the 'Save' command.
The quality goes from lossy 0 (the image is degraded to fit in fewer bytes) to lossless 100 (pixels stay exactly the same). Usually the compressed size increases with quality but for some images (e.g. screen captures, plain colors...), the lossless algorithm produce lighter files.
The compression effort controls the encoding speed. Slower increases the visual quality and/or decreases the file size.
The preview feature will show the compressed image and its final size. If the picture is too tall or too wide, a moveable zoomed-in area will appear. Warning: for big images and/or heavy compression effort, thegraphical user interface may be slow/unresponsive when this is enabled.
For animations (several layers containing a duration in their name e.g. 'Frame1 (123 ms)'), a slider will select the current frame, showing its preview and duration.
Common parameters
For photography, quality around 70 is a good start. If size is moreimportant (e.g. icons, heavy-traffic web photos...), going as low as 30 is notuncommon.
For artificial images (e.g. B&W text, low-effect 3D renderings...), qualityof at least 98 might be better-looking and smaller.
If these options are not enough to get a satisfying result, the command linetools offer more settings than this Photoshop plug-in.
Dds Plugin For Photoshop Mac
Going further
For more information, see the README file. Currently implemented andmissing features are described there. For participation in the project pleasesee the CONTRIBUTING file.
⚠️ Make sure that you're running Photoshop CC 2015 or later.
Normally when you launch Zeplin, Photoshop plugin should be installed automatically. If not, you can install it from Zeplin's menu up top: “Zeplin > Photoshop Integration > Install Plugin…”
Installing manually
If installing from the menu doesn't work, you can try installing the plugin manually. Two pieces need to be installed, a plugin and a panel.
The plugin:
Best Plugins For Photoshop
- Download the plugin from here.
- Unzip it and copy the folder called
io.zeplin.photoshop-plugin
. - Paste it under the
Applications/Adobe Photoshop CC 2019/Plug-ins/Generator
(update the Photoshop version in the directory if you are using an older version. i.e.Applications/Adobe Photoshop CC 2017/Plug-ins/Generator
).
And finally, the panel:
Plugin Photoshop For Mac Os
- From the Finder menu, select “Go > Go to Folder…”, type
~/Library/Application Support/Adobe/CEP/extensions
, and click Go. (If theCEP
directory doesn't exist, you can create it manually.) - Download the panel from here.
- Unzip it and copy the folder called
io.zeplin.photoshop-panel
. - Paste it to the revealed folder in Finder.
Now when you restart your Photoshop, you should see the panel in the menu up top: “Window > Extensions > Zeplin”
Comments are closed.