Most images you work with, such as photos, screenshots and downloaded graphics, are made of pixels. SVG is different. It describes an image with math instead of pixels, and that one difference changes how it behaves in some very useful ways.
What SVG actually is
SVG stands for Scalable Vector Graphics. Instead of storing a grid of colored squares, an SVG file stores instructions: draw a circle here, a curved line there, fill this shape with that color. It’s a text-based format, and if you open one in a code editor you’ll see readable markup.
Why that matters: it never gets blurry
Because the browser redraws the shapes from instructions every time, an SVG can be displayed at any size and stay perfectly sharp. A logo that looks crisp on a phone also looks crisp on a huge desktop monitor or a printed banner. A PNG would need to be exported at several sizes to get the same result, and it would still fall apart if you enlarged it past its original dimensions.
Where SVG is the right choice
- Logos. One small file that works everywhere, at every size.
- Icons and simple illustrations. Navigation icons, social icons, badges.
- Charts and diagrams built from lines and shapes.
- Anything that needs to look sharp on high-density screens without exporting multiple versions.
Simple graphics are often only a few kilobytes as SVG, which helps page speed. We cover why that matters in how image size affects SEO and page speed.
Where SVG is the wrong choice
Photographs. A photo has too much complexity to describe with simple shapes. A photo saved as SVG is either a regular bitmap tucked inside an SVG wrapper or a monstrous file full of traced shapes. Use JPG or WebP instead. Our comparison of the main formats helps you pick.
Can you resize an SVG?
You can scale it freely in a browser, and it will never lose quality, which is the whole point. But a pixel-based resizer works on pixel images, so if you need a PNG of an SVG at a specific size, you’d first export it as PNG from a design program or browser, then resize that PNG. For a logo you’ll use in many places, it’s smart to keep the SVG as your master and export PNG versions only when a platform demands them.
A word about security
Because SVG files can contain code, not just pictures, they can be used to sneak in malicious scripts. That’s why WordPress doesn’t allow SVG uploads by default, and why you should only upload SVGs from sources you trust, or use a plugin that sanitizes them. It’s not a reason to avoid SVG, just a reason to be careful where yours come from.
Quick comparison
- SVG: sharp at any size, tiny for simple art, bad for photos
- PNG: sharp pixels, supports transparency, larger files
- JPG/WebP: best for photos, small files, no or limited transparency
If you have a logo and need pixel-perfect versions for different uses, our guide to logo size and format walks through which to export. And for resizing any pixel-based image, our free online tool is a click away.