Skip to main content

SVG to PNG

Convert SVG to PNG Online with a Transparent Background

Create crisp PNG files at the exact width, height, and DPI you need. Preserve a transparent background or add a solid color, and batch-convert up to 40 SVGs privately in your browser.

Drop files here

Editing defaults for new files

Background
Corner radius
Aspect ratio1.000

Preview

No preview. Add and select files to see results.

No files yet. Drop files above or click SELECT FILES.

What is SVG?

SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.

SVG is the standard vector format for the web. It is supported natively by every modern browser and can be styled with CSS or animated with JavaScript or SMIL. It is often compact for logos, icons, and illustrations, although complex SVGs can become large.

What is PNG?

PNG (Portable Network Graphics) is a lossless raster image format with full alpha-channel transparency. A transparent PNG is ideal for icons, screenshots, illustrations, and any graphic that needs crisp edges or a transparent background.

SVG vs raster formats

Vector graphics (SVG) and raster graphics (PNG, JPG) solve different problems. The right format depends on what the image will be used for.

FeatureSVGPNG / JPGICO / ICNS
ScalingResolution-independentBlurry when enlargedPre-rendered at fixed sizes
File sizeSmall for shapes and iconsGrows with resolutionBundle of pre-sized rasters
EditingEditable as text or in vector toolsPixel-level editing onlyEdit each size, then repack
AnimationCSS, SMIL, JavaScriptLimited (animated PNG/GIF)Not supported
TransparencyYesPNG yes, JPG noYes (PNG-based)

When to convert SVG to PNG

Convert SVG to PNG when you need a lossless raster image with fixed dimensions and optional transparency. PNG works well for app assets, email, presentations, blog posts, and platforms that do not accept SVG files. Choose the final width, height, and DPI before exporting so the PNG has enough pixels for its intended display or print size.

SVG to PNG: file size and quality trade-offs

File size

Output dimensions are the biggest factor in PNG size: doubling both width and height creates four times as many pixels. The final file also depends on the artwork. Flat colors and repeated areas compress well; detailed textures and noise do not.

When PNG is the right choice

PNG is a widely supported raster default. Pick PNG when the destination doesn't understand SVG: app icon sets, email signatures, social-media uploaders, screenshots, presentation slides, and most CMSes. Pick PNG over JPG anywhere you need transparency or crisp edges.

When to keep the SVG instead of PNG

Keep the SVG when the destination is a modern browser, native iOS or Android app, or a vector-friendly design tool (Figma, Sketch, Affinity). SVG stays sharp at every size, is often compact for shape-heavy artwork, and can be styled with CSS or animated.

Quality trade-offs

PNG is lossless: every pixel matches what was rasterized. Quality depends only on the export resolution. Very small exports can lose fine details or soften thin strokes, so inspect icons at their intended display size. There is no quality slider; dimensions and DPI determine the number of pixels in the output.

How to convert SVG to PNG online

  1. 1

    Drop your files, or click SELECT FILES, to add them to the queue. Up to 40 at a time.

  2. 2

    Set the output options (size, DPI, background, quality, or tracing detail) and watch the live preview update.

  3. 3

    Click SAVE ALL to download the result, or a single ZIP when the queue holds more than one file.

Privacy: your files never leave your browser

Conversion runs locally in your browser using JavaScript and WebAssembly. There is no file upload or server-side conversion, so the files you add stay on your device.

Local processing helps protect confidential logos, internal documents, and unreleased client artwork. Pages and conversion code are cached as you use them, so tools you have already opened can continue working without a network connection.

Frequently asked questions

Does PNG preserve transparency from my SVG?

Yes. Pick the Transparent background option and any see-through areas in your SVG come through into the PNG. PNG supports full alpha, so semi-transparent shapes and soft edges are preserved too.

What DPI should I export at?

Start with the pixel dimensions required by the destination. In this converter, 96 DPI is the 1× baseline; 192 DPI creates twice as many pixels in each dimension, and 288 DPI creates three times as many. For print, calculate the required pixels from the physical size and target DPI.

How large a PNG can I export?

Up to 64 megapixels, with no side above 16,384 px, so 8000×8000 works. The DPI multiplier counts toward that cap: 4000×4000 at 2× DPI already reaches it. If an export is refused or comes back blank, lower the width or the DPI.