How to Convert SVG to PNG (Pick the Right Resolution)

SVGs (Scalable Vector Graphics) are math, not pixels — they describe shapes and colors. PNGs are raster — they're a fixed grid of pixel values. Converting SVG → PNG is a one-way operation that locks the image at a specific resolution.

You usually only convert when the destination doesn't accept SVG.

Pick the right resolution before converting

The single most important decision: how big do you need the output to be?

Use case	Recommended PNG size
Email signature	200 × 200 px
Web inline icon	32 × 32 or 64 × 64
Web hero image	1920 × 1080 (or 2x for retina)
Print at 300 DPI, 1" wide	300 × 300
Print at 300 DPI, 4" wide	1200 × 1200
Sticker / die-cut	1024 × 1024
Favicon	See the favicon guide

A common mistake: converting SVG → PNG at a small size, then resizing the PNG up later. That re-rasterizes the small PNG and produces blurry edges. Always re-convert from the SVG source when you need a different size — that's the whole point of keeping the SVG.

Convert with Dropvert

Convert SVG to PNG. Drop your .svg, pick the output size, download.

The tool renders the SVG using the browser's native rendering engine — same code that draws SVGs on the web. Anti-aliasing is on by default, so curves and diagonal lines come out smooth.

Transparency

PNG supports alpha channels (transparent backgrounds). SVGs typically have transparent backgrounds by default. The output PNG will preserve transparency unless you explicitly set a background color in the converter settings.

If your destination doesn't support transparency (e.g., older slide-decks), set a flat background color before converting.

SVG → JPG

Same conversion path, but JPG doesn't support transparency — any transparent areas become white (or whatever background color you pick). Use Convert SVG to JPG only when you specifically need a smaller file and don't need transparency.

For most uses, PNG is the better default for SVG → raster conversion.

When to keep the SVG instead

Don't convert if:

• The destination accepts SVG (most modern web tools, Slack, Notion, Figma all do).
• You'll need multiple sizes — convert once per size from the SVG, not via an intermediate PNG.
• The image has crisp lines / hard edges. SVG renders pixel-perfect at every zoom level; PNG gets jaggy when zoomed.

FAQ

My SVG renders weirdly after conversion. Usually one of: missing fonts (the SVG references a font the rendering engine doesn't have — embed the font in the SVG, or replace the text with paths), or external references (the SVG includes a remote image URL that won't load — convert any remote refs to embedded data URIs).

Why is my converted PNG so big? PNG's compression is poor for photographic content. If your SVG has a lot of gradients or filter effects (drop shadows, blurs), the result is closer to a photograph than a flat icon, and PNG inflates accordingly. Try Convert SVG to JPEG for those — the file will be 3-5x smaller.

Can I batch convert? Drop multiple SVGs onto Convert SVG to PNG and they all process at once with the same output settings. Result is a zip.