

If you choose WebP, however, you’ll be presented with a dialog with several configuration options: The Photoshop plug-in’s lossy WebP export dialog. If you choose WebP Lossless, the file will be exported, and that will be that. What happens from here depends on what you choose in the dropdown. At the bottom of the dialog where you choose a format, you’ll notice two options: WebP, and WebP Lossless. Once opened, you can export an image to WebP through the Save As… dialog. Once installed, start Photoshop and open an image. To obtain the Photoshop plug-in for exporting WebP images, visit the Telegraphics site and grab the version for your system. The good news, however, is that the Photoshop plug-in does give you a bit more flexibility than Sketch does. You’ll need to rely on a plug-in to get the job done. PhotoshopĮxporting images to WebP in Photoshop is possible, but is not as convenient as in Sketch. Although, there are other programs capable of doing this, such as Photoshop. If you’re using design software to export to WebP, Sketch is probably one of the easier programs to use. The quality slider in the export dialog when exporting a resource to WebP. Within that dialog, a slider will appear at the bottom that prompts you to specify the quality of the WebP image from 0 to 100, implying the output is lossy WebP. The resulting dialog will predictably ask where you want the image to be exported to. ( Large preview)Īfter you make your selection, click the Export Bitmap… button. The resource export panel in Sketch, with the WebP format chosen in the format dropdown. To export an image to WebP, select a resource on the canvas, open the Export panel on the right hand side, and choose “WEBP” in the format dropdown. Sketch is able to export any resource in a design document to WebP natively. This can be done in a myriad of ways, from something as simple as exporting from your preferred design program, to cloud services, to the official cwebp encoder, and even in Node.js-based build systems. To use WebP, you’ll first need to convert your existing images to the format. In this excerpt from his eBook “ The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
