FREE · RUNS IN YOUR BROWSER

SVG to PNG Converter

Turn SVG files or pasted SVG code into sharp PNG, JPG, WebP or a layered PSD, up to 50 at a time. Pick 1×–8×, exact pixels or a print DPI; web fonts and linked images are embedded first, and one click makes a full favicon and app icon pack. Nothing is uploaded.

Free, no sign-upConverted on your device50 files · ZIPfavicon.ico + app icons
SVG to PNG

No SVG at hand? Try an example:

Converted on your device; files aren't uploaded to our servers. Web fonts and images linked inside an SVG are downloaded by your browser from their own servers so they can be embedded.

EXAMPLES

SVG to PNG Examples

Six original files with the things that trip up many converters: web fonts, linked photos, HTML labels, millimeter sizes and viewBox-only icons. Each opens in the converter with matching settings.

Brand wordmark

Two web fonts linked with @font-face are downloaded and embedded before drawing, then saved as a transparent PNG at 4×.

Line icon set

Six icons with only a viewBox, exported at 16 to 256 px into one folder per size.

Sunlit postcard

A linked photo, gradients, a drop-shadow filter, text on a path and CSS classes, saved as a JPG on white.

Flowchart

draw.io-style labels written in HTML (foreignObject) stay in place, with bold text and line breaks.

A5 event poster

Sized in millimeters. Print size at 300 DPI gives exactly 1,748 × 2,480 px, with the DPI saved in the PNG.

App icon

One square SVG becomes favicon.ico, PNG favicons, Apple and Android icons and a web manifest.

THREE STEPS

How to Convert SVG to PNG

Add files, pick a size, download. Everything happens in this browser tab.

  1. 01

    Add SVG files

    Drop, choose or paste up to 50 .svg or .svgz files (20 MB each), paste SVG code, or load an SVG from a link.

  2. 02

    Choose size and format

    Scale 1×–8×, type exact pixels or size for print at a DPI. Save PNG, JPG, WebP or a layered PSD, or switch to Icon set or Favicon pack.

  3. 03

    Download

    Save one file or everything as one ZIP. Any font or image that couldn't be embedded is named on its file.

WHY THIS CONVERTER

Why Use This SVG to PNG Converter

Many converters drop text, show a broken image where a linked photo should be, or quietly shrink your size.

01

Your browser's own renderer

CSS, gradients, filters, masks and HTML labels are drawn by the same SVG engine that shows SVGs on the web.

02

Fonts and images embedded

@font-face, Google Fonts @import and linked images are downloaded and embedded first, only the font subsets your text uses. Anything that fails is named.

03

Repairs broken SVG code

A missing xmlns,   and other HTML entities, duplicate or unquoted attributes and unclosed tags are fixed instead of giving a blank image.

04

Scripts never run

Scripts, event handlers and unsafe HTML are removed, and the file is drawn as an image, where scripts can't run anyway.

05

Honest sizes

The output size and file size are shown before you download, and nothing is shrunk behind your back.

06

Favicons, icon sets and PSD

One click for a favicon and app icon pack, every icon at every size in folders, or a layered PSD.

WHAT TO EXPECT

What Renders Exactly, and What May Differ

Your browser draws each file, then the converter lists anything it couldn't include.

Renders exactly

  • Paths, shapes, strokes, markers, gradients, patterns, masks and clip paths.
  • CSS in <style> blocks and classes, opacity and blend modes.
  • SVG filters such as blur and drop shadow.
  • Text in fonts installed on your device, or in web fonts the converter could embed.
  • Linked images on servers that allow other sites to read them, and images already embedded as data URLs.
  • HTML labels in foreignObject, as draw.io writes them, after unsafe HTML is removed.

May differ

  • A font that isn't installed and can't be downloaded falls back to another font; the file's note names it.
  • Images and fonts on servers that block other sites (CORS) are left out and listed.
  • Relative links such as logo.png can't be reached from a file on your device. Load the SVG from its link instead, or embed them.
  • Animated SVGs give their first frame. Scripts are removed and never run.
  • <use> references to other SVG files and external stylesheets are not loaded.
  • Some filters and blend modes look slightly different in Chrome, Firefox and Safari. Safari may export HTML labels as their plain-text fallback.

For text that must look identical everywhere, convert it to outlines in your design app before exporting the SVG.

SIZE AND DPI

SVG to PNG Size and DPI Guide

An SVG has no fixed pixel size. The converter reads its width and height, turning mm, cm, in and pt into pixels at 96 per inch, or uses the viewBox, then redraws the shapes at the size you pick. Shapes are never stretched from a small bitmap.

Screen sizes

SettingGood for
1×The SVG's own size, for pages that already set the image size.
2×The default: sharp on Retina and most phone screens.
3× – 4×Slides, social posts and documents people zoom into.
8×Large prints, or artwork you'll crop later.
Exact pixelsA required width or height, like 1080 px for a post. Fill both to fit a box.

Print sizes in pixels

Paper150 DPI300 DPI
A4 (210 × 297 mm)1,240 × 1,7542,480 × 3,508
A5 (148 × 210 mm)874 × 1,2401,748 × 2,480
US Letter (8.5 × 11 in)1,275 × 1,6502,550 × 3,300
Photo (4 × 6 in)600 × 9001,200 × 1,800

DPI adds no pixels by itself: it tells print and layout apps how big to print them. PNG keeps it in a pHYs chunk and JPG in its JFIF header; WebP has no standard place for it. Print size uses the DPI for the pixel count too, so an SVG drawn as A5 comes out at exactly the sizes above.

Orange rounded-square app icon with three stacked white layers

FAVICON AND APP ICONS

Favicon and App Icon Pack in One Click

Add your logo or icon SVG, switch to Favicon pack and download one ZIP with what a website or web app needs:

  • favicon.ico with 16, 32 and 48 px images, plus PNG favicons at each size
  • apple-touch-icon.png at 180 px on your tile color
  • 192 and 512 px Android icons and a maskable icon with safe-zone padding
  • favicon.svg (cleaned) and a site.webmanifest with your app name and theme color
  • The HTML tags to paste into your page's <head>

Need a whole icon set instead? Icon set mode exports every SVG at the sizes you tick, from 16 to 1024 px, one folder per size.

USE CASES

What People Convert SVG Files For

App and web icons

A whole icon set at 16–1024 px in size folders, or a favicon pack with ICO, Apple and Android icons.

Slides and documents

PowerPoint, Keynote, Google Docs and Word all take PNG; a logo at 2× or 3× stays sharp on a projector.

Social posts and chat

Most social networks and chat apps don't accept SVG uploads. Save PNG, JPG or WebP at an exact pixel size.

Print and Photoshop

Size by DPI for print with the DPI saved in the file, or get a layered PSD with one layer per top-level group.

SVG to PNG FAQ

How do I convert SVG to PNG for free?

Drop your SVG files into the converter at the top of this page, pick a size and format, and download. It's free with no sign-up, no watermark and no credits, because the conversion runs in your browser.

Are my SVG files uploaded anywhere?

No. Files are read and drawn on your device. Only web fonts and images that your SVG links to are downloaded by your browser from their own servers, so they can be embedded in the PNG.

How do I convert SVG to PNG in high resolution?

Pick 2×, 3×, 4× or 8×, or type exact pixels. The shapes are redrawn at that size instead of being scaled up from a small bitmap, so edges stay sharp. Up to 16,384 px per side and about 100 megapixels work on a computer (about 16 on a phone); past that you're told, and nothing is shrunk.

Why does the text in my PNG use a different font?

An SVG only names its fonts. If a font isn't installed on your device and the SVG doesn't link it from a server that allows downloads, such as Google Fonts, the browser substitutes another one. The converter names the missing font on that file. Link a web font or outline the text to fix it.

Can I convert many SVG files at once?

Yes. Add up to 50 .svg or .svgz files of up to 20 MB each and download them as one ZIP. Icon set mode exports every file at several sizes, one folder per size.

How do I make a favicon from an SVG?

Add the SVG, choose Favicon pack and download the ZIP. It holds favicon.ico (16, 32 and 48 px), PNG favicons, a 180 px Apple touch icon, 192 and 512 px Android icons, a maskable icon, favicon.svg, site.webmanifest and the HTML tags for your page.

Can I keep a transparent background?

Yes. PNG and WebP stay transparent unless you pick a background color. JPG can't store transparency, so it gets white or the color you choose.

What DPI should I choose?

For screens it doesn't matter; 72 or 96 is fine. For print, choose Print size and 300 DPI: the converter works out the pixels from the SVG's physical size and saves the DPI in PNG and JPG files.

Can I convert SVG to PSD with layers?

Yes. Choose PSD: each top-level group or shape becomes a pixel layer named after its id or label, over a full composite image. Text becomes pixels, not editable type.

Is it safe to open SVG files from unknown sources?

SVG files can contain scripts. The converter removes scripts, event handlers and unsafe HTML before drawing, and draws the file as an image, where scripts can't run anyway.

SVG to PNG Converter

Convert SVG to PNG Now

Drop your SVG files, pick a size and download. Free, and converted on your device.

Choose SVG files