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: Compress SVG images - This tutorial shows how to compress SVG images directly from Figma using the TinyImage Figma plugin. It covers installing TinyImage, selecting SVG export settings, compressing one or multiple layers, and saving the result as compressed SVG files or a zip file.. Machine-readable page: /tinyimage/tutorials/compress-svg-images.md.

Compress SVG images

This tutorial shows how to compress SVG images directly from Figma using the TinyImage Figma plugin. It covers installing TinyImage, selecting SVG export settings, compressing one or multiple layers, and saving the result as compressed SVG files or a zip file.

← Back to TinyImage Video Tutorials

What this video covers

This tutorial shows how to compress SVG images directly from Figma using the TinyImage Figma plugin. It covers installing TinyImage, selecting SVG export settings, compressing one or multiple layers, and saving the result as compressed SVG files or a zip file.

Things you'll need

  • A Figma project with layers or frames that can be exported as SVG.
  • The TinyImage Compressor plugin installed in Figma.

Steps

  1. Install the TinyImage Compressor Figma plugin from the Figma icon search.
  2. In your Figma file, add SVG export settings to the frames or layers you want TinyImage to detect.
  3. Run TinyImage from the right-click Plugins menu or from the TinyImage icon in the sidebar after it has been used once.
  4. Select the SVG layers in TinyImage, adjust the global compression quality or override quality per layer, then click Compress.
  5. Click Save to export the compressed SVG files.
  6. When exporting multiple images, open the zip file to access the compressed SVGs and use the configured file naming format if needed.

Useful links