TinyImage
タイニー
Developers love when assets arrive at sane file sizes. TinyImage lets designers deliver optimized PNG, JPG, WebP, and AVIF files straight from Figma so the handoff never bottlenecks the build.
Performance-first presets
Set target kilobytes or quality percentages per channel. I keep presets for marketing site hero images, product screenshots, and blog illustrations. TinyImage applies them automatically, so exports stay consistent.
No extra round trips
Instead of exporting from Figma and re-uploading to another compressor, TinyImage keeps the work in one place. You can even reinsert optimized images back into the file to keep prototypes accurate.
Web-ready workflow
- Select the layers or exports destined for the web.
- Use TinyImage to compress them according to your preset.
- Deliver the optimized assets or sync them via your usual handoff tool.
It’s a simple step that protects page speed without slowing the design team.
Keep a change log
Record which presets you use for each release so engineering can trace assets back to their compression settings. When a bug report surfaces, you’ll know exactly how the file was produced and whether a higher fidelity export is needed.
Collaboration tip
Drop TinyImage’s before/after previews into Slack to explain why certain assets look different. Showing stakeholders the file size savings builds trust and reduces “can we get the uncompressed version?” requests.