SVG: when to export it, and when to leave it alone

An SVG is not a picture. It is a set of instructions for drawing one: this curve, that fill, this stroke width. Nothing in the file says how big it is in pixels, because it does not need to — it can be drawn at any size at all, perfectly, forever.

That single property explains both why SVG is the right thing to keep and why it keeps causing trouble the moment you need to give it to someone.

Why exporting is a one-way door

The moment you export an SVG to PNG or JPG, you choose how much detail exists. A 200 pixel export contains 200 pixels of information and no more. Enlarging it afterwards cannot invent what was never recorded, which is why an exported logo looks crisp at the size you picked and soft at twice it.

So the decision to make before exporting is the size, and it is worth thirty seconds. Sizes here are given as a multiple of the SVG's own dimensions rather than a DPI figure, because an SVG has no physical size for a DPI to be relative to.

• 1x matches the SVG's declared size — rarely enough on a modern screen.
• 2x is sharp on most laptops and phones.
• 3x is the sensible default, and what most people should pick.
• 6x or higher for print, or when you want room to scale down cleanly later.

PNG or JPG, and why it is rarely close

For SVG artwork the answer is almost always PNG, for two reasons that both point the same way.

The first is transparency. PNG stores it and JPG cannot, so a logo exported as JPG arrives with a white rectangle around it — the thing people then spend an afternoon trying to cut out by hand.

The second is what each format was designed for. JPG compresses by discarding detail the eye supposedly will not miss, which works beautifully on photographs and badly on hard edges. SVGs are typically flat colour with hard edges, so JPG leaves a faint fuzz along every boundary — and often produces a larger file than the PNG would have been.

The case for not exporting at all

If the destination understands SVG, give it the SVG. Websites do. So do modern design tools. You keep the resolution independence and the file is usually smaller than any raster export.

Where SVG is not accepted — a printer, a document, an office system that has never heard of it — PDF is the better middle ground. The artwork stays as vectors, so it still scales without loss, but it arrives in a format that opens everywhere.

Common questions

Why does my exported PNG look blurry?

The scale was too low for where you are using it. Export again at a higher multiple — the SVG has no fixed resolution, so you can go as large as you need without any loss of quality.

Can I convert a whole folder of icons at once?

Yes. Add the set and they come back zipped, each keeping its own filename. Icon sets arrive as dozens of small files and converting them one at a time is exactly the tedium worth avoiding.

Part of my SVG is missing after conversion. Why?

Almost always a reference the file does not contain. An SVG can point at a font or an image somewhere on the web, and nothing here fetches anything for your file — that is the point. Embed the image and outline the text in your editor, then convert.

Does SVG to PDF keep the artwork as vectors?

Yes. Paths stay paths, so the PDF prints at any size without pixelation. That is the entire reason to choose PDF over a large PNG.