What does an SVG converter do?
It turns a vector drawing into a pixel image. SVG describes shapes and coordinates, which is why it stays sharp at any size and why a design tool produces it; PNG, JPG and WebP describe pixels, which is why applications, social platforms and upload fields so often demand them. The converter renders the vector at the size you ask for and encodes the result in the format you choose.
Because the render happens from the original vector at each size, nothing is upscaled. Asking for a 512-pixel icon and a 16-pixel favicon produces two crisp images rather than one large image squashed down, which is the whole advantage of starting from a vector and the reason an icon set can be exported in a single pass.
The tool works on markup as well as on files. Paste the contents of an SVG, or choose a .svg from your computer, and it reports the intrinsic size it derives from the viewBox or the width and height attributes. Transparency, background colour, quality and the output size are all adjustable, and the vector itself stays untouched — this converts one way only.
How to convert an SVG
- Paste the SVG markup, or press Choose an .svg file to load one from your computer.
- Check the intrinsic size the tool reports. It comes from the viewBox, or from the width and height attributes, and it is what the output scales from.
- Pick an output format. PNG keeps transparency losslessly, WebP is usually smaller with or without transparency, and JPG is smallest but cannot store transparency.
- Set the output size: an exact width in pixels, or a multiple of the original. The height follows the source aspect ratio so nothing is distorted.
- Choose a background, or leave it transparent for PNG and WebP. Press Convert to an image for one file, or Export icon sizes to get the standard set as a ZIP.
- Download the result, or use Copy as a data URI to embed the vector directly in CSS or markup.
SVG Converter limits and rules
| Item | Limit |
|---|---|
| Input | SVG markup pasted in, or a .svg file up to 5 MB |
| Output formats | PNG, JPG and WebP, with a quality setting for the lossy two |
| Size | An exact width in pixels, or 1× to 8× the intrinsic size, capped at 8192 pixels |
| Icon set | One ZIP containing 16, 32, 48, 64, 128, 256 and 512-pixel renders |
| Background | Transparent for PNG and WebP, or white, black or light grey |
| Direction | Vector to raster only — a raster image is not traced back into paths |
| External references | Not followed — a font or a linked image must be embedded in the SVG to appear |
| Requirement | The SVG needs a viewBox or width and height attributes, or there is no size to convert to |
When to use it
- Exporting a logo as a PNG for a platform that will not accept an SVG.
- Producing a favicon and touch-icon set from a single vector in one pass.
- Making a JPG of a diagram for a document that cannot embed vectors.
- Rendering an icon at an exact pixel size for a design mockup.
- Embedding a small icon in CSS as a data URI rather than as a file.
Is it private?
The SVG is rendered by your own browser onto a canvas and encoded locally. The file is never uploaded and no server is involved, which matters for a logo or artwork that is not public yet — you can watch the network tab and see nothing leave the page.
Frequently asked questions
No, and it is worth understanding why rather than looking for a tool that claims to. Going from pixels to vectors means tracing: the software guesses where edges are and draws paths along them, which produces a file that resembles the picture and is not the picture. For a flat logo it can look acceptable; for a photograph it produces megabytes of coordinates that look worse than the original. Real vector work means redrawing the shapes. This tool does the reliable direction only, and says so.
Because an SVG loaded as an image is deliberately isolated from everything outside it. A font referenced by family name is not available inside that sandbox, so the renderer falls back to a default, and the text reflows at a different width. The fix is to convert text to paths when you export from the design tool, which makes the glyphs part of the drawing. The same rule applies to any linked image or external stylesheet: if it is not inside the file, it will not appear.
Whatever the image will actually be displayed at, in pixels, which is usually lower than people expect. A vector that will sit in a 24-pixel toolbar button gains nothing from a 512-pixel render except a larger file and slower decode. The one exception is high-density displays, where a 24-pixel slot wants a 48-pixel image so it looks sharp on a retina screen. When in doubt, render at the largest size the layout uses and let the browser scale down within that — the browser does it well.
PNG for anything with text, line art, flat colour or transparency — the lossless encoding is made for that kind of image and the file stays small. WebP if you want the same transparency with a smaller file, which is worth it for anything served over the web now that every current browser reads it. JPG only when the image is photographic and transparency is irrelevant, since its compression blurs the hard edges that make an icon or a diagram look right.
Because the document defines neither a viewBox nor width and height attributes, so there is no coordinate system to scale from. An SVG with only path coordinates and no viewBox is technically valid markup and has no inherent size, and guessing one would produce an arbitrary result. The fix is trivial: open the file in a text editor and add a viewBox attribute describing the coordinate range, or add explicit width and height values, and the tool will use them.
It is the whole SVG encoded into a string that can sit directly in CSS or markup, so a small icon needs no separate file and no extra request. It removes a round trip to the server, which is a real gain for something tiny and used on every page. It is a poor idea for anything large, because the encoded text is bigger than the file it replaces and cannot be cached on its own. For a 2 KB icon, embed it; for a 200 KB illustration, link to it.
Related tools
Written and maintained by Md. Nur Hossain Repon.