SVG Optimizer and Compressor
Optimize and compress SVG files in your browser while comparing the original and optimized rendering, file size, structure, and safety settings.
Load SVG
Paste the SVG code or load a single .svg file.
Drop your SVG file here
or click to select file
Optimization settings
"Safe" reduces the impact on display, and "Maximum compression" also shortens IDs and references.
Shortcut: Ctrl / ⌘ + Enter
Preview before and after optimization
Always remove external references and executable content from preview SVGs.
Optimization results
You can check the changes in file size and structure before saving.
- Before optimization
- 0 B
- After optimization
- 0 B
- reduced size
- 0 B
- reduction rate
- 0.0%
- Number of elements
- 0 → 0
- Number of attributes
- 0 → 0
- Number of passes
- 0 → 0
- Number of IDs
- 0 → 0
Optimization report
About this tool
Before publishing or sharing an SVG, remove unnecessary editor data and redundant markup while comparing the rendered result.
Features
- Pasting SVG code and loading .svg files
- Optimize comments, metadata, white space, numbers, colors, and unused definitions
- Deleting JavaScript, event attributes, and external references
- Before and after preview, overlay, confirmation of reduction rate and processing details
How to use
- Enter the SVG code or load the SVG file.
- Select Safe, Standard, Maximum Compression or Individual Settings.
- Press "Optimize SVG" to check the before and after display and reduction rate.
- Copy the result or save it as an SVG file.
Limitations
- Maximum compression may affect how SVG is later manipulated with JavaScript or CSS.
- SVG files that retain external images, CSS, and fonts may not be able to be displayed if the original publication destination is deleted.
- It does not support advanced path shape recalculation or SVGZ/ZIP saving of multiple files.
Privacy: SVG and optimization results are processed only within the user's browser and are not sent or saved to the Develop Tools server.