SVG to PNG quality
Why SVG to PNG looks blurry
SVG stays sharp because it is vector. PNG has fixed pixels. If the exported PNG is shown larger than its pixel size, it can look soft or blurry.
SVG to PNG looks blurry when the PNG does not have enough pixels for the size where it is displayed. Exporting at 2x, 3x, or 4x gives the PNG more pixels, but it also creates a larger file.
The most common causes
- Scale is too low: A 1x PNG may look fine as a small preview but soft on high-density screens.
- Display size is larger than export size: A 512px PNG shown at 1200px has to be stretched.
- The SVG contains raster images: Embedded JPG or PNG content can still blur even inside an SVG.
- The receiving app compresses images: Chat apps, document tools, and social platforms may resize or compress PNG files.
- The SVG has no clear viewBox: Missing dimensions can force a fallback size that is not what you expected.
How to export a sharper PNG
- Check the estimated PNG output size before downloading.
- Use 2x for most document and web exports.
- Use 3x or 4x when the PNG will be shown larger or on high-density screens.
- Keep the original SVG when the image must stay sharp at many sizes.
- If the SVG contains embedded images, replace those images with higher-resolution sources first.
A quick rule
Export the PNG at least as large as the biggest size where it will appear. If a logo will be shown at 600px wide on a retina screen, a 1200px-wide PNG is a safer starting point.
Common questions
Why does SVG to PNG look blurry?
PNG is a fixed-pixel format. If the PNG is exported too small or displayed larger than its pixel size, it can look blurry even when the original SVG is sharp.
What scale should I use for a sharp PNG?
Use 2x for most web and document exports. Use 3x or 4x when the PNG will appear large, be used on high-density screens, or be placed in a tool that may resize it.
Can a PNG stay sharp at every size like SVG?
No. PNG has fixed pixels. Keep the SVG source when the graphic needs to stay sharp at many sizes.
Why is my PNG blurry even at 4x?
The SVG may contain embedded raster images, filters, or effects. The app where you paste the PNG may also resize or compress the image after export.