Formats/SVG
What Is an SVG File? Vector Graphics Explained
SVG stands for Scalable Vector Graphics, an open image format defined by the W3C — the same body behind HTML and CSS. Unlike JPG or PNG, which store an image as a fixed grid of colored pixels, an SVG stores it as instructions: “draw a circle here, a line there, fill this shape with that color.” Because the image is described mathematically rather than as pixels, it can be scaled to any size — from a favicon to a billboard — without ever losing sharpness.
Vector vs raster: the fundamental difference
A raster image (JPG, PNG, WebP, GIF) is a fixed grid of pixels. Enlarge it beyond its native resolution and it goes blocky or blurry, because there simply are not enough pixels to fill the larger area — the software has to guess. This is why a small logo blown up for a poster looks rough.
A vector image like SVG has no fixed resolution. It is a set of shapes and paths defined by coordinates and math, so the renderer redraws it crisply at whatever size is asked for. The same SVG logo is pixel-perfect at 16 pixels and at 16 metres. That resolution independence is the single biggest reason to use it.
What SVG is best for
SVG excels at anything with clean geometric shapes and flat color: logos, icons, illustrations, charts, diagrams and interface elements. On websites it is the default for icons and logos precisely because one file looks sharp on every screen and at every zoom level, while typically weighing very little. It is also plain text under the hood — an XML document — so it can be edited in a code editor, styled with CSS, animated, and even generated on the fly by a program.
Because it is text, an SVG can also be searched, version-controlled and compressed extremely well, which is a bonus for developers and designers working with lots of them.
What SVG is not good for
SVG is the wrong tool for photographs. A photo is millions of subtly varied pixels with no clean shapes to describe, so representing it as vector paths is impractical — that is what raster formats like JPG exist for. Complex illustrations with thousands of shapes can also produce large, slow-to-render SVG files.
There is also a compatibility caveat: browsers render SVG natively, but many non-web programs, older tools and some social platforms do not accept it. If you need to hand an SVG logo to someone for use in a document, a print job or a platform that rejects it, exporting a PNG (which preserves transparency) at the size you need is the usual bridge.
How to view and convert SVG
To view an SVG, open it in any web browser — it renders instantly and you can zoom in endlessly to see it stay sharp. When you need a raster version for a program that does not accept SVG, convert it to PNG (to keep transparency) or JPG at the target dimensions. Note the direction matters: converting a vector SVG to a raster format “bakes in” a fixed resolution, so pick a generous size; converting a photo the other way, into SVG, does not make sense and will not improve it.
Frequently asked questions
Why does an SVG stay sharp at any size?
Because it stores an image as mathematical shapes and paths rather than a fixed grid of pixels, so it is redrawn crisply at whatever size is requested.
Can I use an SVG for a photograph?
No. SVG is for shapes, logos and icons. Photographs have no clean geometry to describe and belong in raster formats like JPG.
How do I open an SVG file?
Any modern web browser opens SVG directly. For programs that do not support it, convert the SVG to PNG or JPG first.
Work with SVG on OfficePad
See also in the glossary: Vector image, Raster image, Resolution, Rendering.