Convert SVG to PNG
Rasterize a vector logo or icon into a transparent PNG at the pixel size the .svg file declares, for every upload form that won't take SVG.
Your images
Settings
Generated images
- Nothing uploaded
- Free, no sign-up
- Strips EXIF
- Batch files
Your designer delivered the logo as an .svg, and the first place you need it says no: the profile-photo picker on LinkedIn or Instagram, an Etsy or Amazon listing, Insert > Image in Google Docs, a Gmail signature. Those uploaders take JPG, PNG or GIF, and of the three only PNG keeps the transparent background a logo needs to sit cleanly on any color.
Drop the .svg here and your browser draws the vector onto a canvas, then saves the pixels as a PNG. The one thing to know before you do: a vector has no pixel size of its own, so the PNG comes out at the width and height declared inside the file, capped at 10,000 px on the longest side. Below is where that number lives and how to raise it.
Keep the original .svg afterward. The PNG is one frozen copy at one size, and there is no faithful way back to curves; whenever you need a different size or a different format, convert the vector again instead of scaling the PNG.
How it works
Three steps, plus a 30-second look at the file's opening <svg> tag if you need a specific pixel size.
Add your SVG files
Drag one or many .svg files onto the drop zone, click it to browse, or paste on desktop with Ctrl+V. Each file appears as a card with its name and size.
Keep PNG selected
PNG is already active on the format bar, and the quality slider reads "lossless" because PNG has no quality setting. Auto also produces PNG for an .svg; JPG fills transparent areas with white; WebP keeps them in a smaller file.
Generate, check the size, download
Press Generate. Each result card shows the output in pixels, such as 1024×1024, next to the file size, with a Compare view for checking text and edges. Download cards one at a time or grab everything as a .zip.
The PNG's pixel size comes from inside the SVG file
An SVG holds shapes, not pixels, so the browser takes the size from the width and height attributes on the root <svg> tag: width="1024" height="1024" produces a 1024×1024 PNG. There is no width box on this page; the number in the file is the number you get.
Units convert at 96 px per inch: width="612pt" becomes 816 px, 50mm becomes 189 px. A file with only a viewBox, or percent widths, declares no absolute size; the browser falls back to its default 300×150 image box and fits the drawing inside, so a square logo lands around 150 px.
SVG is plain text: open it in Notepad, TextEdit or VS Code, set width and height in px on the opening tag, leave the viewBox alone (it keeps the proportions), save, and drop the file back here. Ceiling: 10,000 px on the longest side, so 12,000×3,000 is drawn at 10,000×2,500.
How many pixels to write in, by destination
Err on the large side. Shrinking a big PNG later on the Resize page loses nothing; enlarging a small one only smears the edges.
| Where it's going | Width and height to declare | Why |
|---|---|---|
| LinkedIn, Instagram or X profile photo | 800×800 | Shown at 100–400 px; a 2× source stays sharp on phones |
| Etsy listing image | 2,000 px on the short side | Etsy's recommendation; JPG, PNG and GIF only |
| Amazon product image | 1,600 px on the long side | Zoom needs 1,000+ px; JPEG, PNG, GIF and TIFF only |
| Google Docs, Slides, Gmail signature | 2× the width it will display at | Retina screens: two device pixels per CSS pixel |
| Print at 300 DPI | 300 px per inch: a 3-inch logo is 900 px | Anything less prints soft |
| App icon | 1,024×1,024 | App Store master size; Google Play takes 512×512 |
Fonts and linked images can go missing in the PNG
Browsers render an SVG loaded as an image in a sealed box: no scripts run, nothing is fetched from the network. This page draws your file that way, and so does every site that puts an SVG in an <img> tag.
So text in a web font referenced by URL falls back to a substitute face, and a bitmap linked by URL becomes an empty rectangle. A font installed on your machine renders here, but not on anyone else's. Fix the file first:
- Convert text to outlines: Type > Create Outlines in Illustrator, Path > Object to Path in Inkscape, Outline Stroke in Figma.
- Or embed the font inside the SVG as a base64 @font-face rule.
- Swap linked images for embedded data URIs.
Transparent stays transparent; white is one click away
PNG keeps the alpha channel exactly as drawn, soft shadows and semi-transparent fills included, so the logo sits on a dark header or a photo with no box around it. Need a flat white background? Pick JPG on the format bar: the canvas is filled with white before drawing, since JPEG has no transparency.
Frequently asked questions
Why did my PNG come out tiny, around 150 or 300 px?
The SVG declares only a viewBox, no width and height, so the browser used its default 300×150 image box and fit the drawing inside it. Open the .svg in a text editor, add width and height in px to the <svg> tag, and convert again.
Can I get a PNG larger than the size written in the file?
Only by raising width and height inside the SVG before converting; there is no enlarge field here. That is the better route anyway: the browser redraws the vector sharp at the new size, up to 10,000 px, while enlarging the PNG afterward just stretches pixels.
What pixel size do pt, mm or inch units give?
The browser converts at 96 px per inch: 1 pt = 1.33 px, 1 mm = 3.78 px, 1 in = 96 px. A letter-size Illustrator export of 612×792 pt becomes an 816×1,056 PNG.
Does the transparent background survive?
Yes, as long as PNG stays selected, which is the default on this page. JPG fills transparent areas with white; WebP keeps them.
The text in my logo shows in a different font. Why?
The text references a web font by URL, and browsers block network fetches while rasterizing an SVG as an image. Convert the text to outlines in your design app and convert again: the letters become shapes and stop depending on a font.
Can I convert a folder of SVGs at once?
Yes, with no file count limit; only your device's memory sets one. Each PNG keeps the source name with a .png extension, and Download all packs them into one .zip.
Is my logo file uploaded anywhere to be rendered?
No. Your own browser's SVG engine draws it onto a canvas on your device, and the file never leaves it. An unreleased brand mark is as private here as in your local image viewer.
Will the PNG look as sharp as the SVG?
At the size it was generated, yes: it is the vector drawn onto that exact pixel grid with anti-aliasing. Sharpness only goes if the PNG is enlarged later, which is why you generate large and shrink.