SVG to PNG Converter
Convert SVG files to transparent or white-background PNG images.
Written by Anil Gautam · Updated
How does the converter size the PNG?
Upload a file, or paste markup into the Paste SVG Code tab and press Load SVG. The PNG is always exactly the size of the selected preset or your Custom width and height. Presets cover 512×512 (app icon), 1024×1024 (Apple App Store), 1200×1200 (Shopify App, the default), 1200×630 (Open Graph and social cards), 1500×500 (Twitter header), 192×192 (Android icon) and 48×48 (favicon). With Keep aspect ratio on, the drawing is scaled to fit inside that box and centred, and the leftover space takes the chosen background: Transparent, White or Black.
A 24×24 icon sent to 1200×630 is scaled by 26.25, the largest factor that fits the height, so it becomes a 630×630 square with 285 empty pixels on each side. With Keep aspect ratio off, the same icon is stretched 50 times across and 26.25 times down to fill the frame. For a larger copy in the original proportions, choose Custom and multiply the source size: a 24×24 icon at four times is 96×96. Changing any setting clears the last result, so press Convert again before you download. Files are named after the source plus the size, such as logo-1200x630.png.
Why is text or a picture missing from my PNG?
The converter loads your SVG the way a web page loads an image, and in that mode browsers do not let the file fetch anything outside itself. Fonts linked from a web font service, external stylesheets and pictures referenced by URL are skipped, so text falls back to a font installed on your device and linked images come out blank. Convert text to paths (often called outlines) in the program that made the SVG, or embed fonts and images inside the file as data URIs. The SVG Input preview loads the file the same way, so what you see there is what the PNG will contain.
If the markup never mentions xmlns, the tool adds the standard SVG namespace so the browser will draw it. When the browser reports no width or height, the size shown next to SVG Input comes from the viewBox, and with neither it falls back to 300×300.
When is another tool the better choice?
For a complete favicon set, the Favicon Generator makes PNGs from 16 to 512 pixels plus a web manifest from one SVG or PNG. The Image to SVG Converter goes the other way, but it places a raster image inside an SVG file and does not trace it into shapes, so its output enlarges like a photo.