Optimize SVG for the web
Vector format: crisp at any size and excellent for icons and illustrations.
Last updated: 2026-03-18
To optimize SVG images, run npx optimo icon.svg. Optimo applies format-specific ImageMagick-powered compression that typically reduces SVG file size by 15–40% without visible quality loss. The original file is kept if the output is not smaller.
Command
Start here. Run optimo on a image file:
npx optimo icon.svg
Tip: add --dry-run to preview changes.
When to use SVG
- icons
- logos
- illustrations
- UI
Trade-offs
- Not for photos
- Can contain complex/unsafe constructs if untrusted
Related formats
PNG
Lossless image format with sharp edges and great support for transparency.
JPEG
The classic photo format: widely supported, good quality-to-size for photographs.
WebP
Modern image format with great compression and broad browser support.
AVIF
High-compression modern image format that can beat WebP on size at similar quality.
HEIC
A common camera output format (especially Apple devices) with efficient compression.
JPEG XL
Next-gen image format designed for high quality and efficient compression.
GIF
Legacy animated image format that is still widely used for simple loops.
Related conversions
More for SVG
Frequently asked questions
- How do I optimize SVG files?
- Run "npx optimo icon.svg" in your terminal. Optimo applies format-specific ImageMagick-powered compression that reduces SVG file size while preserving quality. The original file is kept if the optimized output is not smaller.
- Is SVG optimization lossless?
- By default, optimo uses lossless optimization for SVG. For additional compression, add the --lossy flag to allow minor quality trade-offs for significantly smaller files.
- What tools does optimo use for SVG?
- Optimo uses ImageMagick, MozJPEG, and SVGO (depending on format) under the hood with format-specific settings tuned for SVG files.