SVG Optimizer

Optimize SVG, transform it and export production-ready assets. Everything stays in your browser.

Source SVG
{{sourceLines}} lines{{formatBytes(originalSize)}}{{sourceName}}
Transform output
Optimize

{{svgError.message}}
{{svgError.detail}}

{{warning}}

Optimized SVG previewSVG preview appears here
Background
{{formatBytes(originalSize)}} → {{formatBytes(optimizedSize)}}{{savedLabel}}
PNG export previewPNG preview appears here
{{pngDimensions}} · {{formatBytes(pngBlob.size)}}
Percent-encoded {{formatBytes(dataUris.percent)}}
{{dataUris.percent || '—'}}
Base64 {{formatBytes(dataUris.base64)}}
{{dataUris.base64 || '—'}}
SVG stays in this browser. Use Image Optimizer for PNG, JPEG and WebP compression.

Related Tools

Visual
Image Optimizer

Compress a raster delivery copy when the SVG has been rendered.

Code Tools
CSS & HTML Beautifier

Format exported markup before sharing it in documentation.

Visual
Code Snapshot

Turn exported component code into a readable image card.