Tuesday, December 10

Tag: WebP

Converting Images To WebP
CSS Tricks, Web Tricks

Converting Images To WebP

To use WebP, you’ll first need to convert your existing images to the format. 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. Here, we’ll cover all avenues. Sketch Sketch is able to export any resource in a design document to WebP natively. 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. The resource export panel in Sketch, with the WebP format chosen in the format dropdown. (Large preview) After you make your selection, click the Export Bitmap… button. The resulting dialog will predictably ask where you want the image to be exported ...