WebPShop

WebPShop, the plug-in for opening and saving WebP images directly from Adobe Photoshop, is now available on GitHub under an Apache 2.0 license.

Windows installation steps

  1. Download the plug-in (by example from GitHub),

  2. Copy the plug-in file WebPShop.8bi located in bin\WebPShop_0_2_1_Win_x64 to the Photoshop installation folder, usually C:\Program Files\Adobe\Adobe Photoshop\Plug-ins for x64.

  3. Restart Photoshop. "Open" and "Save" menu commands should now show WebP files.

Mac installation steps

  1. Download the plug-in (by example from GitHub),

  2. Copy the plug-in WebPShop.plugin located in bin/WebPShop_0_2_1_Mac_x64 to the Photoshop installation folder, usually Applications/Adobe Photoshop/Plug-ins.

  3. Restart Photoshop. "Open" and "Save" menu commands should now show WebP files.

Encoding options

Encoding options on Mac

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, the graphical 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 more important (e.g. icons, heavy-traffic web photos...), going as low as 30 is not uncommon.

For artificial images (e.g. B&W text, low-effect 3D renderings...), quality of at least 98 might be better-looking and smaller.

If these options are not enough to get a satisfying result, the command line tools offer more settings than this Photoshop plug-in.

Going further

For more information, see the README file. Currently implemented and missing features are described there. For participation in the project please see the CONTRIBUTING file.