SVG to PNG Converter

Runs in browser

Convert SVG to PNG, JPEG, or WebP at 1×, 2×, or 3× retina scale.

Convert SVG to PNG, JPEG, or WebP at 1×, 2×, or 3× scale with live preview. Paste SVG markup or upload a file and download the rasterised result instantly.

SVG to PNG Converter tool

SVG Input

SVG preview

🔒 Runs in your browser · No uploads · Your data never leaves your device

How to use

  1. Paste or upload SVG

    Paste raw SVG markup into the editor or click 'Upload .svg file' to load a file. A live preview renders instantly.

  2. Choose format and scale

    Select PNG, JPEG, or WebP. Pick 1×, 2×, or 3× scale for standard or retina-resolution output.

  3. Adjust quality (JPEG/WebP)

    Drag the quality slider to balance file size and visual fidelity when exporting to JPEG or WebP.

  4. Download or copy

    Click Download to save the file, or Copy Base64 to get the raw data URL for embedding.

Common use cases

  • Exporting retina-ready app icons from SVG — Convert an SVG icon to PNG at 2× or 3× scale for HiDPI displays, app store icons, or marketing assets.
  • Generating PNG previews from SVG graphics — Rasterize an SVG illustration to PNG for use in presentations, docs, or platforms that don't support SVG.

Examples

  • Retina PNG from SVG icon

    Paste an SVG icon, select PNG and 2× scale to get a crisp 2x image for HiDPI displays.

    Output
    PNG at double resolution (e.g., 240×240 from a 120×120 SVG)

  • WebP for web

    Select WebP at 90% quality for small, high-quality raster images ready for <img> tags.

    Output
    WebP file, typically 30-50% smaller than PNG

Frequently asked questions

What does scale mean?
Scale multiplies the SVG's natural pixel dimensions. 2× doubles width and height — ideal for retina/HiDPI displays. 3× produces even sharper images at larger file sizes.
Why is my JPEG white where the SVG was transparent?
JPEG does not support transparency. The tool fills transparent areas with white before encoding. Use PNG or WebP to preserve transparency.
Is my SVG file uploaded to a server?
No. All conversion happens in your browser using an HTML Canvas element. Your SVG never leaves your device.

Key concepts

Retina / HiDPI
A display with pixel density high enough that individual pixels are invisible — 2× and 3× scale images appear sharp on these screens.
Scale factor
A multiplier applied to SVG dimensions during rasterization — 2× doubles both width and height, producing a larger but crisper PNG.

Related tools

You might find these useful too.

More css tools