Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Export WebP images - This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports.. Machine-readable page: /tinyimage/tutorials/export-webp-images.md.

Export WebP images

This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports.

← Back to TinyImage Video Tutorials

What this video covers

This tutorial shows how to use the TinyImage Compressor Figma plugin to export images as Google's WebP format from Figma. It explains how TinyImage uses Figma export settings, how to enable the WebP conversion option, and how to compare the results against normal JPG and PNG exports.

Things you'll need

  • Figma installed
  • TinyImage Compressor plugin installed

Steps

  1. Open Figma, search for TinyImage in the Plugins tab, and install TinyImage Compressor if needed.
  2. Return to your file and run TinyImage Compressor from right click > plugins > TinyImage Compressor, or reopen it from the TinyImage icon.
  3. Select each image or layer and set its export format in Figma's right sidebar, using PNG for transparent artwork and JPG for photos.
  4. Open TinyImage settings and turn on 'Convert all JPG and PNG images to WebP'.
  5. Choose the images to export, set the quality you want, and click 'Compress'.
  6. Download or open the resulting files to verify that the exports are now WebP images, including transparency where the original export was PNG.

Useful links