search⌘KtranslateENexpand_moreupload_fileConvert

SVG to PNG Converter

One SVG, every size you need. Choose them all at once.

An SVG is a recipe, not a picture, it can be drawn crisp at any size. PNG freezes it at one size. So instead of converting once, pick a preset and get every size a platform asks for in one download.

source · harbour-mark.svg4 KB

harbour

background

ClearWhiteBrand

padding8%

languageWebsitetabFaviconappsApp iconshareSocial

Browser tab icons, the Windows tile, and the home-screen icons phones use when someone saves your site.

16 × 16check_circlefavicon-16.png

32 × 32check_circlefavicon-32.png

48 × 48check_circlefavicon-48.png

96 × 96check_circlefavicon-96.png

150 × 150check_circlemstile-150.png

180 × 180check_circleapple-touch.png

192 × 192check_circleandroid-192.png

512 × 512check_circleandroid-512.png

files8largest512 pxtotal445 KBimageExport 8 PNGs

70 formats in and out, from JPG and HEIC to Photoshop, camera RAW and 1980s Unix bitmaps. JPG, PNG, WebP and AVIF use your browser's encoders, and GIF, BMP, ICO and TIFF are written by this page. The other 62 go through ImageMagick compiled to WebAssembly, which downloads once when you pick one and runs on your device. Every result is decoded again and compared with the original before you save it.

collections

Drop images or click to chooseany of 70 formats · several at once · nothing leaves your device

photo_libraryTry 3 samples

inboxno images yet

downloadSaveremove

Converted on this device · nothing uploaded

folder_zipswap_horizAdd images first

1Save as70 formats · 8 built in

language.webpWebsitesmall, every browser

photo_camera.jpgPhoto for anyoneopens on any device

layers.pngKeep transparencylossless logos, screens

compress.avifSmallest fileAV1 compression

print.tiffPrint & scanslossless master

brush.psdPhotoshopopen in PSD apps

searchAll 70 formats9 familiesexpand_more

No format matches “”.

.webpUsually the smallest lossy file browsers all open, and it keeps transparency.written by browser encoder

2Quality80Passed to the WEBP encoder as 0.80. Each browser maps it to its own quantiser, so 80 in Chrome and 80 in Safari differ slightly.

3Longest side

original2048 px1280 px640 px

4Fill transparency

whiteblacklight grey

Used where the output can’t hold transparency (JPG) and as the backdrop when accuracy is measured.

~/small-sizes-get-blurry

At 16 pixels, every line has to land on the grid.

A 1-pixel line that falls between two pixel columns gets smeared across both at half strength, it looks grey and fuzzy. At large sizes you'd never notice; at favicon size it's the difference between crisp and mushy. Designers draw separate small versions for exactly this reason.

16 × 16 px, zoomed

Straight from SVGSnapped to pixels

actual size, 2×

The outline and ring fall between pixels, so they spread into two half-strength columns: soft half-tone instead of solid.

~/1x-2x-3x

A “100 px” logo needs 300 real pixels on a phone.

Modern screens pack two or three physical pixels into each pixel a web page asks for. A PNG made at exactly 100 × 100 looks soft on them. Pick the screen to see how many pixels the same logo really needs.

1×100 × 100 px

Older laptops & monitorsOne screen pixel per page pixel. A 100 px PNG is exactly right.

2×200 × 200 px

Retina Mac, most phonesFour physical pixels per page pixel. A 1× PNG is stretched and looks slightly soft.

3×300 × 300 px

Newer iPhones, flagship AndroidNine physical pixels per page pixel. Only a 3× export (or the SVG itself) looks fully sharp.

~/svg-only-features

Things an SVG can do that a PNG can't.

Converting captures one still frame of the drawing. Anything that depends on code, a font or an outside file needs attention first.

animationAnimationfirst frame onlySVGs can move with CSS or SMIL animation. The PNG captures the drawing at time zero: pause at the frame you want first.

touch_appHover & interactivityremovedHover colours, clickable links and scripts don’t exist in a picture. Only the default state is drawn.

font_downloadText in web fontscheck firstIf text uses a font that isn’t embedded, it renders in a fallback. Convert text to outlines before exporting.

linkLinked imagesmay be missingAn SVG can point to photos stored elsewhere. If they can’t be reached, those areas come out blank.

contrastColour themesone themeSVGs can switch colours in dark mode. The PNG keeps just one: export a second file for dark backgrounds.

zoom_inInfinite sharpnessfixed sizeThe core trade: the PNG is only sharp up to the size you chose. That’s why exporting several sizes matters.

~/other-routes

Building a full icon set?

These handle the formats that sit alongside PNG exports.

starFavicon generatorAlso builds the .ico file and the HTML tags to paste into your site’s head.logo.svgarrow_forwardfavicon.ico + tags compressImage compressorShrink large exports like 1200 × 630 share images without visible loss.og-image.png · 180 KBarrow_forward42 KB swap_horizImage converterNeed WebP or AVIF for the web instead? Same sizes, smaller files.logo.svgarrow_forwardlogo.webp

Sources

[1]SVG 2The W3C standard for scalable vector graphics.W3C Recommendation ↗[2]devicePixelRatioHow screens map page pixels to physical pixels.MDN Web Docs ↗[3]App icon sizesThe icon sizes Apple requires for iOS and the App Store.Apple Human Interface Guidelines ↗