Convert SVG to PNG
Rasterize a vector graphic at the resolution you actually need. Why output size is a decision you have to make, and which SVG features break.
Convert SVG to PNG now — SVG vector to PNG image, free, no sign-up.
Rasterizing an SVG is the well-behaved direction: you are following drawing instructions to produce pixels, so nothing has to be guessed. The one genuine decision is how many pixels you want.
Resolution is your choice
An SVG has no inherent pixel dimensions. It has a coordinate system and a viewBox, and it can be drawn at any size with equal sharpness. So when you rasterize, something has to pick a width and height — and once picked, the result is a fixed-resolution image that will blur if enlarged.
Practical guidance: render at least at the largest size you will display, and preferably at two or three times that for high-density screens. A logo shown at 200 px wide on a modern phone should be exported at 400–600 px. Rendering larger than you need costs only file size; rendering too small cannot be undone.
Why rasterize at all?
- Software that rejects SVG. Many upload forms, older office suites, and most social platforms will not take vectors.
- Email. SVG support in email clients is effectively nonexistent — always send PNG.
- Consistent rendering. Complex SVGs occasionally render with small differences between engines. A PNG looks identical everywhere.
- Avoiding an attack surface. SVG is XML and can carry scripts. If you are accepting graphics from untrusted sources and displaying them, PNG is inert and much safer.
Features that commonly break
The failure modes here are all about external dependencies, because a renderer on a server cannot fetch things the way your browser can:
- Text using non-embedded fonts. This is by far the most frequent problem. If the SVG references a font by name and that font is not installed on the rendering machine, a substitute appears — different widths, broken alignment, overflowing labels. The robust fix is to convert text to paths in your vector editor before exporting. Then the letterforms are just shapes and nothing can substitute them.
- Linked external images. An SVG referencing a bitmap by URL will render with that element missing. Embed raster content as a data URI instead.
- Externally referenced stylesheets. Only CSS inside the file is applied.
- Advanced filters. Complex filter chains and blend modes have uneven support across renderers and may render differently than in your browser.
- Animation and interactivity. SMIL animation, CSS transitions, and script-driven behaviour all vanish — you get one static frame.
Keep transparency in mind
PNG supports alpha, so a transparent SVG background stays transparent. That is usually what you want, but if the graphic uses white text designed for a dark page, the exported PNG will look blank against a white background. Flatten onto a deliberate background colour if the destination is unknown.
Keep the SVG
The PNG is a snapshot at one size. The SVG remains the master you can re-export from at any resolution, and edit later. Never let the vector be the file you delete.