Pixels vs shapes
A normal image is a grid of pixels — blow it up and it goes soft. An SVG instead describes how to draw the image: "a circle here, this path there, this text in that font". The browser renders those instructions fresh at whatever size is needed, so the same file is razor-sharp on a tiny favicon and a billboard alike.
That makes SVG ideal for anything geometric — logos, icons, charts, diagrams — and useless for photographs, which have no shapes to describe, only millions of distinct pixels.
It's text, which is a feature
Because an SVG is XML, you can open it in a text editor, restyle it with CSS, animate it, and generate it from a script. It also tends to be tiny for simple graphics. The flip side: some tools — image editors, marketplaces, social platforms, a few CMSes — only accept raster files, which is why you'll sometimes rasterize an SVG to PNG. Doing so locks it to one resolution, so export at a size generous enough for where it'll be used.
Strengths
- Infinitely scalable — sharp at any size.
- Tiny files for logos and icons.
- Editable, styleable and animatable as plain text/CSS.
Limitations
- Wrong for photographs — no concept of photographic pixels.
- Not accepted by some editors, marketplaces and social platforms.
- Complex SVGs can be slow to render and a vector for embedded scripts.
When to use SVG
Use SVG for logos, icons, charts and illustrations — anywhere you need crisp scaling. Rasterize to PNG when a tool only accepts pixel images.
SVG FAQ
- Can I convert a photo to SVG?
- Not meaningfully. SVG describes shapes, and a photograph is a field of pixels with no shapes to trace. Tracing tools produce a stylised approximation, not a faithful copy.
- Why won't a site accept my SVG?
- Some platforms block SVG because, being code, it can carry embedded scripts. Convert it to PNG and it will upload as an ordinary image.
- What size will an SVG export to?
- Any size you choose — it's resolution-independent. When rasterizing to PNG, pick dimensions large enough for the final use, since enlarging the PNG afterwards softens it.