The SVG format
Not pixels at all — instructions for drawing shapes, so it stays sharp at any size.
What is SVG?
SVG is an XML-based vector format. Instead of storing a grid of pixels it stores geometry: paths, circles, gradients, text. The browser renders that at whatever size is needed, so an SVG logo is equally sharp on a phone and on a billboard.
For flat, geometric artwork it is also tiny. A logo that would be 40 KB as a PNG is often 2 KB as an SVG, and it needs only one file rather than one per pixel density.
Because it is XML, SVG can contain scripts, external references and embedded styles. That makes it genuinely active content, and an SVG from an untrusted source should be treated with the same caution as an HTML file — which is why KaiConvert never injects arbitrary SVG markup into the page.
Common uses
- Logos, icons and interface graphics
- Charts and data visualisation
- Illustrations and line art that must scale
- Anything that needs to render crisply at every density
Advantages
- Resolution-independent — sharp at any size
- Very small files for geometric artwork
- Styleable and animatable with CSS
- Text inside an SVG remains real, selectable text
Limitations
- Unsuitable for photographs
- Complex illustrations can be slow to render
- Can contain scripts, so untrusted SVGs are a security risk
- Rendering can vary subtly between engines for advanced features
Browser support
Universal for rendering. KaiConvert treats uploaded SVG as untrusted: it is rasterised in a sandboxed image element rather than being inlined into the DOM, so embedded scripts never execute.