svgsvgsvg.com

SVG to PNG Converter

Paste SVG markup and download it as a PNG at any scale — 1×, 2×, or 4× for retina-ready output. Runs entirely in your browser.

Preview

Preview will appear here
Scale:
Background:

When do you need an SVG as a PNG?

SVG is the ideal format for the web — scalable, small, and styleable. But some contexts require a raster image: social media preview cards, email clients, Figma imports, app store assets, and tools that do not support SVG. Converting to PNG at 2× or 4× gives you a pixel-perfect raster image at any display density.

Choosing a scale

  • 1× — matches the SVG's declared width / height exactly. Good for icons at a fixed size.
  • 2× — doubles the pixel dimensions. The standard for retina / HiDPI screens.
  • 4× — quadruples the dimensions. Use for large print assets or when you need to crop or resize downstream.

If your SVG only has a viewBox and no explicit dimensions, the converter uses the viewBox width and height as the 1× baseline.

Frequently Asked Questions

Why does the PNG look blurry?+

The output pixel size is determined by the SVG's width and height attributes (or viewBox fallback) multiplied by the chosen scale. If your SVG declares a small size like 24×24 and you export at 1×, the PNG will be 24×24 pixels and will appear blurry when displayed larger. Export at 4× (96×96) and scale down in your image editor instead.

Will colors and fonts render correctly?+

Inline styles and SVG presentation attributes render correctly. SVGs that rely on external CSS, web fonts, or currentColor inherited from the document may not render as expected, because the canvas renderer is isolated from the page. For best results, embed font faces and replace currentColor with an explicit hex value before exporting.

Is my SVG sent to a server?+

No. The conversion happens entirely in your browser using the Canvas API. Your SVG markup and the generated PNG never leave your device.

What if my SVG has no width or height attributes?+

Without explicit width and height attributes, the tool reads the viewBox dimensions as the base size. If neither is present, the canvas defaults to 300×150 pixels at 1× scale. Add width and height attributes to your SVG to control the output size precisely.

Related Tools

SVG Optimizer
Remove comments, metadata, and redundant attributes from SVG markup. Minify or format the result — no upload required.
→
SVG QR Code Generator
Generate a QR code as pure, scalable SVG — pick foreground and background colors, error correction level, and quiet zone. Copy the markup or download the file.
→
SVG Placeholder Generator
Generate placeholder images at any size — set dimensions, colors, and a label, then copy as SVG, HTML, or CSS.
→

How to use

  • Paste your SVG markup — a preview appears instantly.
  • Choose a scale: 1× for the SVG's native size, 2× for retina, 4× for high-res exports.
  • Choose Transparent or White background.
  • Click Download PNG — the file saves directly to your device.