What is SVG?
SVG (Scalable Vector Graphics) is an XML-based image format for vector graphics. Instead of storing a grid of pixels like PNG or JPG, an SVG file stores shapes — lines, curves, circles, and text — as math.
That means an SVG can scale to any size without ever getting blurry or pixelated. A logo stored as SVG looks identical on a 16px favicon and a 10-meter billboard.
Why use SVG?
- Infinite scalability without quality loss
- Tiny file sizes for simple graphics
- Editable in code and vector tools
- Supports transparency, gradients, and animation
- Crisp text rendering (it's real text, not pixels)
When to use SVG vs PNG or JPG
Use SVG for logos, icons, illustrations, charts, and UI graphics — anything with clear shapes. Use PNG for photos with transparency, and JPG for photographic images where file size matters more than quality.
Getting started
Want to try it? Generate an SVG from a text prompt with our AI generator, or edit any SVG file online with the SVG editor.