SVG Optimizer

How it works

• Removes bloat: Comments, DOCTYPE, metadata, editor namespaces (Inkscape, Sketch, Figma), empty attributes
• Minifies code: Collapses whitespace, sorts attributes, rounds numeric values (0.5000 → .5)
• Optimizes paths: Shortens path data commands, removes redundant coordinates
• Optional aggressive: Remove width/height (responsive), remove viewBox, convert shapes to paths
• Preserves visuals: All optimizations are lossless for browser rendering

Typical savings

• Exported from design tools (Figma, Sketch, Illustrator): 30-60% (editor namespaces)
• Hand-written SVGs: 10-30% (whitespace, comments, empty attrs)
• Already optimized: 0-5%

When to keep options OFF

• Remove width/height: Keep if SVG must render at specific size without CSS
• Remove viewBox: Never remove unless you know what you're doing
• Convert shapes to paths: Increases file size for simple shapes (circles, rects)
• Remove raster images: Enable only if you want to strip embedded PNG/JPG data