>

How can I save a single, layer groups or artboards as WebP in Sketch?

Export layers from your Sketch file.

Add your designs to export layers as WEBP faster than ever before.

The old way with Sketch

  1. Open your Sketch file, select a layer, multiple layers or an artboard and click Make Exportable in the bottom right corner.
  2. Make sure that format is set as WebP in the Format dropdown. Adjust the resolution size and hit Export (either Export layers or Export [name of the artboard]).

NOTE: WebP is a data-saving image format developed by Google. It's becoming trendy on the web thanks to it's small size and ability to carry the alpha channel (transparency).


Would you like to update this article? Please contact us at team@avocode.com

Get 3 pro-tips to export image assets faster

Do you want to export image assets from design files without design tools? Or turn layer styles to code just by clicking? We put together 3 tips to speed up your work.

By subscribing, you agree to receive emails about Avocode content, updates and offers. You can unsubscribe any time.

Learn more

Need to export WebP image assets without Sketch? Try Avocode

No need to buy or install Sketch. Open and export assets from layered Sketch designs on macOS, Windows, Linux or in the browser with Avocode.

Just double click on a single layer or select multiple layers with the SHIFT key and press EXPORT, set image format as WebP and press Export again.

Export WebP from a Sketchwithout Sketch

And what else is Avocode good for?

  • Export layers as a JPEG, PNG, WebP, SVG.
  • Adjust resolution (up to @4x or xxxhdpi for vector shapes)
  • Add variants in different resolutions. (You can set different scale for each variant you're exporting.)
  • Change export path (destination folder) for your image assets. You can set default path for the whole project, but also for particular assets.
  • You can also re-export all image assets from a new design version.
  • Turn layer styles into CSS, iOS or Android code and invite others to collaborate on your design and development projects.
  • 14-day free trial, no credit card required, cancel anytime.

Get started with Avocode

Start with 14-day free trial. No credit card required.