SVG to PNG converter

How it works

The markup is serialised, loaded as an image, and drawn onto a canvas at 1×, 2× or 4× the file's intrinsic size — which comes from its width and height, or failing that its viewBox. The canvas is then encoded as a PNG and downloaded. The output dimensions are shown before you export, and the whole pipeline runs in your browser: the file is never uploaded anywhere.

When to use it

Anywhere SVG is not accepted: marketplace listings, app store assets, email clients, office documents, older CMSes. For thumbnails and social preview images where a raster at a known size is the actual deliverable. And as a quick check of how an icon really rasterises at the size it will be seen — thin strokes and one-unit gaps behave differently in pixels than in a vector viewport.

Common problems

• The PNG is blurry where it's used. It was exported at 1× and scaled up afterwards. Export at the size it will be displayed, or 2× to cover high-DPI screens.
• The export fails or comes out at a strange size. The file has neither a viewBox nor usable dimensions, so there is nothing to derive the output size from. Fix the geometry first in Resize & viewBox.
• Text renders in the wrong font. Fonts referenced by URL are not fetched during rasterisation. Convert the text to paths in the editor that made the file.
• Colours come out black or missing. currentColor and CSS custom properties have no page to inherit from inside the rasteriser. Bake real colours in first with the Color Replacer.
• A background you didn't ask for. The background switch here only fills behind transparency — a rectangle inside the file is part of the drawing, and the editor is the place to delete it.