SVG Optimizer
Shrink SVG files by removing metadata and whitespace.
SVG files exported from design tools often carry editor metadata, comments and long decimals that browsers don't need.
About SVG Optimizer
Minify SVG code by stripping comments, editor metadata, XML prologs and needless whitespace, and by rounding long decimals — without changing how the graphic looks. See how many bytes you saved and download the optimized file.
SVG files exported from design tools often carry editor metadata, comments and long decimals that browsers don't need. This optimizer removes them, so the graphic looks identical but downloads faster.
How to use SVG Optimizer
- Paste your SVG code into the input box.
- Review the optimized code and the bytes saved.
- Copy it or download it as an .svg file.
Key features
- Removes comments, XML prolog, metadata and editor attributes.
- Rounds long decimals in paths and shapes.
- Shows original size, optimized size and percent saved.
Common use cases
- Shrinking icons and logos before adding them to a website.
- Cleaning up SVGs exported from Illustrator, Figma or Inkscape.
- Inlining smaller SVGs in HTML or CSS.
Frequently asked questions
Related tools
Color Picker
Click any pixel in an image to get its exact color code.
CSS Gradient Generator
Create linear, radial and conic CSS gradients visually.
Color Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Color Contrast Checker
Check WCAG contrast ratio between text and background colours.