SVG & Image Optimizer Optimize and transform SVG, export production-ready components, or compress raster images. Everything stays in your browser.
SVG Optimizer Image Compressor Source SVG Choose file Sample Clear
{{sourceLines}} lines {{formatBytes(originalSize)}} {{sourceName}}
Transform output
↶ 90° ↷ 90° ↔ Flip H ↕ Flip V Auto-Fix viewBox Reset
Optimize
{{item.label}} {{item.help}}
Output formatting Minified 2 spaces 4 spaces Tabs Short tags
{{svgError.message}} {{svgError.detail}}
{{warning}}
{{tab.label}} SVG preview appears here {{formatBytes(originalSize)}} → {{formatBytes(optimizedSize)}} {{savedLabel}}
{{copied==='svg'?'Copied':'Copy SVG'}} Download SVG Component → {{resolvedComponentName}}
{{formatBytes(activeCodeSize)}} {{activeExportWarnings.length}} warning{{activeExportWarnings.length===1?'':'s'}}
{{copied===resultTab?'Copied':'Copy'}} Download {{activeExtensionLabel}} PNG preview appears here {{pngDimensions}} · {{formatBytes(pngBlob.size)}} Download PNG
Percent-encoded {{formatBytes(dataUris.percent)}} {{copied==='uri-percent'?'Copied':'Copy'}}
{{dataUris.percent || '—'}}
Base64 {{formatBytes(dataUris.base64)}} {{copied==='uri-base64'?'Copied':'Copy'}}
{{dataUris.base64 || '—'}}
SVG Optimizer Image Compressor Image Compressor Drop up to 10 images and optimize them together. Maximum input: 20 MB per file. Processing stays in your browser.
Drop PNG, JPEG, WebP or other images here {{imageItems.length}} / 10 files
{{imgError}}
PNG uses UPNG palette quantization and a lossless OxiPNG pass. Indexed PNG supports at most 256 palette colors; choose Lossless to keep every color.
JPEG does not support transparency. Transparent pixels are filled with {{imageBackground}}.
{{item.name}}
Reading image…
Optimizing {{item.width}}×{{item.height}}…
{{item.error}}
{{item.width}}×{{item.height}} · {{formatBytes(item.originalSize)}} → {{formatBytes(item.blob.size)}} · {{item.savedLabel}} · browser fallback: {{item.blob.type}}
Download ×
{{completedImageCount}} / {{imageItems.length}} optimized {{formatBytes(totalOriginalImageSize)}} → {{formatBytes(totalCompressedImageSize)}} · {{batchSavedLabel}} Clear all {{downloadingZip ? 'Creating ZIP…' : 'Download all ZIP'}}
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.