What a SVG file is
What a .SVG file is, what it does well, what opens one, and how to convert it — with every conversion running in your own browser.
What a SVG file is
An SVG is not a picture but a description of one: a text file listing shapes, paths, colours, and the rules for drawing them. Nothing in it has a size in pixels, which is why an SVG logo is equally sharp on a phone and on a billboard while a PNG of the same logo has to pick a resolution and live with it.
That makes it the right format for anything drawn rather than captured — logos, icons, diagrams, charts. It makes it the wrong format for photographs, which have no shapes to describe; tracing one into an SVG produces a huge file that looks worse than the original.
Because an SVG is text, it is also a document that can contain scripts, event handlers, and references to other sites. That is a genuine security consideration rather than a theoretical one, and it is why this site strips all of it before rendering one.
Where it came from
SVG was standardised by the W3C in 2001, assembled from two competing vector proposals. It spent a decade going almost unused because Internet Explorer would not render it, then became ubiquitous within a few years of IE9 in 2011 — by which point screens had started varying wildly in density, and a format with no fixed resolution turned out to be exactly what was needed.
SVG at a glance
| Property | SVG |
|---|---|
| Compression | None, stored as written |
| Colour | Shapes, not pixels |
| Transparency | Full alpha channel |
| Animation | Yes |
| Keeps EXIF | No |
| Browser support | Chrome 4, Firefox 3, Safari 3.2 |
| Size of a photograph | Not a format for photographs |
| Published | 2001 |
SVG at a glance
- Nothing is compressed. The file size follows almost directly from the dimensions, which is why these files are so much larger than everything else here.
- There are no pixels at all. The file lists shapes and the rules for drawing them, so the resolution is decided when it is displayed rather than when it is saved.
- Transparency is a full alpha channel: each pixel records how transparent it is, so a soft edge stays soft against any background.
- The container holds more than one frame, so converting to a still format keeps the first and discards the rest.
- There is no standard place for camera data, dates, or copyright, so anything the source carried is dropped on the way in.
What it is good at
- Full transparency: each pixel records how transparent it is, so edges blend cleanly into any background.
- Holds several frames and plays them, so it can carry a short looping clip.
- Nothing is discarded. What you put in is what comes back, however many times you save it.
- Has no resolution at all. The same file is sharp on a phone screen and on a printed poster.
Where it falls short
- Not a photographic format. A photograph forced into it is larger and worse than it was.
- Can contain scripts and references to other sites, so it needs treating as a document rather than as an image.
- No standard place for camera data, dates, or copyright, so those are lost on the way in.
- Read only by newer browsers: Chrome 4, Firefox 3, Safari 3.2.
What to use instead of SVG
- For photographs, use JPG for compatibility, WebP for a good balance, or AVIF for the smallest file. This format is not built to store one and will be both larger and worse.
- For an image that has to display everywhere without a fallback, use PNG or JPG. Both have been read by every browser for longer than most of the alternatives have existed.
When to use SVG
Choose SVG for anything drawn rather than photographed: logos, icons, diagrams, charts, illustrations. Choose it especially where the same image has to appear at very different sizes, because it has no resolution to be wrong about.
Avoid SVG for photographs. Tracing one produces a large file that looks worse than the original, and no vector format can improve on it. Treat an SVG from an untrusted source with the caution you would give an HTML file, because that is closer to what it is.
What opens a SVG file
On a computer, SVG files open in Inkscape, Illustrator, and any browser.
Browser support is more recent: Chrome 4, Firefox 3, Safari 3.2. An older browser will offer to download the file rather than show it.
Turn a SVG file into something else:
Produce a SVG file from something else:
Common problems with SVG
- It looks different in different programs.
- The file describes shapes and leaves the drawing to whatever opens it, and fonts, filters, and units are the parts that vary most between renderers. Convert text to outlines before exporting, avoid effects that depend on the renderer, and give the document an explicit size rather than relying on one being inferred.
- Only the first frame came out.
- The format you converted to holds one image, so there was nowhere for the remaining frames to go. Convert to animated WebP if the movement matters. It stores the same animation in a fraction of the size, with full colour and proper transparency.
- It displays for me and not for some visitors.
- Support for this format arrived relatively recently, so an older browser or an out-of-date device may not read it. Serve an older format alongside it and let the browser choose, or convert to PNG or JPG if you cannot control the markup.
- The camera data and copyright fields have disappeared.
- The format has no standard place to keep them, so anything the source carried was dropped on the way in. Convert to a format that holds metadata if attribution matters, or keep the original alongside the converted copy as the record of where it came from.
Converting a SVG file here
- Choose your file, or drag it onto the box. It is read from your device and goes no further.
- Set whatever the conversion offers — quality, size, background — and start it. Everything runs on your own machine, so a large image uses your memory and your processor rather than a queue somewhere.
- Download the result. Nothing is kept: leaving the page or resetting it releases the file and the converted copy alike.
SVG against the alternatives
Common questions
- Why does my traced photograph look wrong as an SVG?
- Because tracing is an approximation, not a conversion. It reduces a photograph to a few thousand flat coloured shapes, which works on a logo and fails on a face. If the source is a photograph, no vector format will improve it — the detail is not made of shapes.
- Is it safe to open an SVG someone sent me?
- Treat it like an HTML file rather than an image, because that is closer to what it is. An SVG can contain scripts and can load content from elsewhere. Opening one directly in a browser runs it; this site parses and strips scripts, handlers, and external references before rendering anything.
- Why is my SVG bigger than the PNG it replaced?
- Because it was traced from a raster image rather than drawn, which produces thousands of individual shapes. A drawn SVG of a logo is usually a few kilobytes; a traced photograph can be megabytes and still look worse than what it came from.
- Is transparency kept when I convert a SVG file?
- Only if the format you convert to has somewhere to put it. PNG, WebP, AVIF, and GIF all do, to varying degrees; JPG and BMP do not, and a transparent area becomes a solid colour when you convert to one. The tool tells you which background it used.
- Do all the frames survive a conversion?
- Only when the target format animates too. Converting to a still format keeps the first frame and drops the rest, which is usually not what somebody wants and is easy to do by accident. Animated WebP is the format to convert to if the movement matters.
- How do I open a .SVG file?
- The software listed above reads them directly. If nothing on your machine will, converting to PNG or JPG is the reliable route — both open in everything, and the conversion happens here in your browser rather than on a server.
- Does converting a SVG file lose quality?
- It depends on what you convert it to rather than on what you convert from. Converting to a lossless format such as PNG preserves every pixel; converting to JPG, WebP, or AVIF discards detail permanently. Nothing recovers quality the file had already lost.
- Is converting from SVG free, and does it upload my file?
- Free, with no account, and nothing is uploaded. Every converter on this site reads your file with the browser's own file APIs, converts it using code running on your device, and hands the result back as a download. You can confirm that yourself in the Network panel of your browser's developer tools.
- Where does the conversion happen?
- In your browser, on your own device. There is no conversion server here to upload anything to, and no third-party service is involved. That is a statement about what the site does rather than a promise about how it handles uploads, because no upload takes place.