SVG & Image Optimizer

Optimize and transform SVG, export production-ready components, or compress raster images. Everything stays in your browser.

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

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

{{warning}}

Optimized SVG preview SVG preview appears here
Background
Preview only
{{formatBytes(originalSize)}}{{formatBytes(optimizedSize)}} {{savedLabel}}
PNG export preview PNG preview appears here
{{pngDimensions}} · {{formatBytes(pngBlob.size)}}
Percent-encoded {{formatBytes(dataUris.percent)}}
{{dataUris.percent || '—'}}
Base64 {{formatBytes(dataUris.base64)}}
{{dataUris.base64 || '—'}}

Image Compressor

Drop up to 10 images and optimize them together. Maximum input: 20 MB per file. Processing stays in your browser.

PNG · JPEG · WebP · 10 files · 20 MB / file · local only
Drop PNG, JPEG, WebP or other images here {{imageItems.length}} / 10 files

{{imgError}}

About this tool

SVG Optimizer uses a local SVGO build, safe preview sanitization and explicit presets. Framework exports are generated from the same optimized SVG, so Preview, React, React Native and Vue stay aligned.

Image Compressor uses the Canvas API for JPEG and WebP, plus UPNG.js, Pako and OxiPNG for palette-based PNG compression. Process up to 10 raster files at once and download results individually or together as a ZIP. Neither mode uploads files or source code to a server.