SVG for designers

Why the export format decides what you can do next.

SVG stores shapes rather than pixels. A circle is written down as a centre and a radius, so it stays sharp at any size and is still a circle when it arrives in your design tool. A PNG of the same circle is a grid of coloured squares, and no software will turn it back.

For generative work this matters more than usual, because the output is usually the start of a design rather than the end of one.

Paste an SVG and each shape becomes a real vector layer inside a group. Restyle them, delete them, mask them, animate them individually. Layer names and grouping survive the trip, so a well-structured export stays navigable instead of landing as four hundred anonymous paths called Vector.

SVG is text, so size tracks the number of shapes and the precision of their coordinates. Rounding to two decimal places is visually identical and will often halve the file.

Thousands of tiny paths will slow any editor to a crawl. If a design genuinely needs that much detail, exporting a raster alongside the vector is a perfectly reasonable thing to do.

SVG or PDF for print? Both are vector. PDF carries colour profiles and bleed, so printers generally want that. Place the SVG in a layout tool and export PDF from there.

Why does my SVG look different in another app? Usually blend modes or filters. They are the least consistently implemented parts of the format and have been for twenty years.

Can SVG animate? Yes, through CSS or SMIL. No design tool will import the animation, though, so for motion you want a GIF or a video.