SVG to PNG Converter
When to rasterize a vector file
SVG is vector, infinitely scalable, and tiny for icons and flat illustration — usually the right format. It falls apart the moment you leave a modern browser: email clients strip it, Office and Keynote import it unevenly, social previews need raster OG images, and some favicon pipelines still want PNG at fixed sizes.
- SVG
- Scalable
- PNG
- Universal raster
- OG image
- 1200×630
PNG is the right raster target from SVG. It's lossless, preserves crisp edges and type, and carries the alpha channel. JPG would soften the strokes and drop transparency — fine for photos, wrong for vectors.
What the quality slider does on SVG → PNG
The PNG pixels are identical regardless of compression — the slider only changes how hard the DEFLATE step squeezes them. Higher quality numbers mean lighter compression (bigger files, faster decode). There is no "sharper" setting; export dimensions handle sharpness.
Picking the right PNG size before you export
Export at the final display size, not some arbitrary huge canvas. Common targets: OG images at 1200×630, Retina UI assets at 2x or 3x the CSS dimensions, favicons at 32/64/128/192, and Slack or Discord emoji at 128×128. Oversized PNGs don't look better, they just waste bytes.
- HiDPI UI: width/height in CSS times 2 or 3 unless you know the exact device.
- Thin strokes: export a hair wider if sub-pixel hints disappear at 1×.
- Print handoff: use DPI-aware pixel dimensions from the designer spec, not a random 4K canvas.
A lossless raster from a vector is already as clean as it's going to get; downscaling later only softens it. Check thin strokes, corner joins, and any text at 100% zoom to confirm the anti-aliasing survived the chosen size.
When to keep SVG
In-app icons, responsive illustrations on your own site, and design-system components should stay SVG until an external channel forces raster. Duplicate assets are fine — keep SVG as source and PNG as the handoff.
SVG to PNG questions, answered
Why convert SVG to PNG?
Raster PNG works everywhere SVG fails: email clients, many social OG image slots, some Office imports, and fixed-size favicon pipelines. PNG preserves crisp edges and transparency from the vector source when you export at the right resolution.
What resolution should I use for SVG to PNG?
Export at the final display size times device pixel ratio — often 2× or 3× for Retina. Common targets include 1200×630 for OG images, 32-192px ladders for favicons, and exact CSS pixel width × DPR for UI assets.
Does SVG to PNG lose quality?
PNG is lossless for the rasterized result. You lose infinite scalability — upscaling the PNG later will soften edges. Downscale from SVG whenever possible instead of scaling the PNG.
What does the quality slider do for SVG to PNG?
PNG is visually lossless. The slider adjusts DEFLATE compression — same pixels, different file size and encode time.
Should I use PNG or JPG from SVG?
Use PNG for logos, icons, UI, and anything with transparency or hard edges. JPG is for photographic raster content — it will blur strokes and drop alpha.