Draw an SVG at exactly the size you need and save it as a small, sharp AVIF with the transparency kept - for a lossless picture use SVG to PNG.
SVGs that link to web fonts or outside images need those embedded first - browsers do not load them when drawing an SVG as a picture.
Not every place accepts SVG.
Social networks, email, marketplaces and many CMS uploads want a regular image, and complex SVGs can be slow to draw on phones.
An AVIF made at the right size is tiny, sharp and loads instantly.
| SVG | AVIF | |
|---|---|---|
| Type | Vector (shapes) | Raster (pixels) |
| Scaling | Sharp at any size | Fixed size |
| Transparency | Yes | Yes |
| Best for | Logos, icons, UI | Photos, artwork, previews |
| Accepted by | Browsers, design apps | Browsers, most modern apps |
Test files are in the SVG sample files.
Drop your SVG files into the box, pick a size under SVG size if you like, and press Convert to AVIF. More than two files come as a ZIP.
The size set in the SVG, or 1024 px on the long side if it has none. Pick any size up to 16384 px - the vector is drawn fresh, so it stays sharp.
Yes. Transparent areas stay transparent. Pick Fill background for a solid colour.
Browsers do not load web fonts or linked images when drawing an SVG as a picture. Convert text to outlines and embed images in the SVG first.
The SVG is drawn in your browser. Most browsers cannot write AVIF yet, so a PNG copy goes over HTTPS to our server, which encodes it and deletes it after download.
Logos and text have sharp coloured edges. Full colour (4:4:4) keeps them crisp, at a slightly bigger file.