SVG (Scalable Vector Graphics) is a SVG format commonly used for icons, logos, diagrams. This guide covers compatibility, compression, transparency, and conversion choices.
| Feature | Support |
|---|---|
| Transparency | Yes |
| Animation | Yes |
| Layers | No |
| Primary uses | icons, logos, diagrams |
Extension
.svg
MIME type
image/svg+xml
Family
SVG
Compression
text/vector
Browser support
modern browsers
Resolution independent
Small for simple artwork
Styleable in web interfaces
Not suited to photos
Can contain active content if untrusted
Complex artwork can become heavy
SVG is the ImageHQ reference page for Scalable Vector Graphics. It explains where the format works well, what tradeoffs to expect, and how to choose between SVG and related formats in production image workflows.
Use SVG when the workflow values icons, logos, diagrams. This is the practical fit that matters before tuning compression or conversion settings.
- icons
- logos
- diagrams
The main advantages of SVG are predictable in real projects: resolution independent, small for simple artwork, styleable in web interfaces.
- Resolution independent
- Small for simple artwork
- Styleable in web interfaces
SVG is not always the best delivery choice. Watch for not suited to photos, can contain active content if untrusted, complex artwork can become heavy before using it as a default.
- Not suited to photos
- Can contain active content if untrusted
- Complex artwork can become heavy
SVG uses text/vector compression behavior. That affects file size, editability, transparency, and whether repeated export cycles can visibly change the image.
Convert SVG files when a recipient, browser, archive, or editing tool needs a different balance of compatibility, transparency, file size, or preservation.
SVG is web-ready when browser support and file size match the use case. Compare it with WebP, AVIF, PNG, and JPG before choosing a default.
SVG transparency support: yes. Use PNG, WebP, AVIF, SVG, or PSD when alpha transparency is required.