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 Progressive JPEG images - This tutorial shows how to export progressive JPEGs directly from Figma using the TinyImage Compressor plugin. It covers installing the plugin, setting JPG export options on layers, enabling Use Progressive JPEG Compression, and verifying the exported files with a progressive JPEG test page.. Machine-readable page: /tinyimage/tutorials/export-progressive-jpeg-images.md.

Export Progressive JPEG images

This tutorial shows how to export progressive JPEGs directly from Figma using the TinyImage Compressor plugin. It covers installing the plugin, setting JPG export options on layers, enabling Use Progressive JPEG Compression, and verifying the exported files with a progressive JPEG test page.

← Back to TinyImage Video Tutorials

What this video covers

This tutorial shows how to export progressive JPEGs directly from Figma using the TinyImage Compressor plugin. It covers installing the plugin, setting JPG export options on layers, enabling Use Progressive JPEG Compression, and verifying the exported files with a progressive JPEG test page.

Things you'll need

  • A Figma file with image layers selected for export.
  • The TinyImage Compressor plugin installed in Figma.

Steps

  1. Install TinyImage Compressor from the Figma Plugins tab.
  2. Open the plugin in your project from the Plugins menu or the Figma sidebar.
  3. Add export settings to the image layers you want to export, and change the export format from PNG or SVG to JPG.
  4. In TinyImage, open Settings and turn on Use Progressive JPEG Compression.
  5. Click Compress, then Save the exported ZIP file.
  6. Open the ZIP and confirm the output images are progressive JPEGs using a progressive JPEG test page.
  7. Adjust the quality slider and repeat the export if you want a different size and quality balance.

Useful links