AVIF is becoming the default for high-performance sites, but exporting it usually means extra tooling. TinyImage adds AVIF support directly inside Figma. I can select any frame or component, choose AVIF, and get tiny files without sacrificing fidelity.
Why AVIF matters
Compared to PNG or JPG, AVIF delivers smaller files and better color depth. That means faster load times, especially on image-heavy marketing sites or dashboards.
TinyImage makes it painless
Pick AVIF in the export options, set quality or target file size, and preview the output. If you need fallbacks, export WebP/PNG versions at the same time.
How I integrate it
- Identify hero assets or UI screenshots that would benefit from AVIF.
- Export them via TinyImage with a preset tuned to our performance budget.
- Provide both AVIF and fallback formats to engineering for safe rollout.
It keeps us ahead of the curve without introducing another manual step.
Implementation tip
Include a short README with each AVIF export explaining browser support and fallback order. When engineering knows how you expect the assets to load, they implement faster and avoid surprises in older browsers.
Read as Markdown Related resource index Site index for AI agents
Pro Bundle