Paste or upload SVG code and optimize it by removing metadata, comments, and unnecessary attributes.
SVG Optimizer (SVGO) is a browser-based tool that reduces the size of SVG files by removing metadata, comments, and unnecessary attributes while preserving the visual appearance of the graphic. It applies a series of optimization passes that are common in the SVGO ecosystem, such as cleaning up editor artifacts, merging paths, and compressing numeric precision. The most common surprise is that the optimized SVG may look slightly different due to removal of hidden elements or changes in path data, so always re-render the file after optimization, especially if it contains animations or external styles.
A concrete input and expected output from the current implementation.
Input
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"> <!-- Created with Inkscape --> <rect x="10" y="10" width="80" height="80" fill="#ff0000"/> </svg>
Expected output
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect x="10" y="10" width="80" height="80" fill="red"/></svg>
The tool removes the comment (since it's not needed for rendering) and shortens the hex color #ff0000 to the equivalent named color 'red', reducing byte count while keeping the same visual result.
The tool applies a configurable set of optimization rules, similar to SVGO's defaults. These include removing doctype, XML instructions, comments, and metadata; collapsing redundant groups; simplifying path commands; and reducing numeric precision. Each rule is designed to be safe, meaning it should not change the rendered output, though some rules can be disabled if they cause issues.
You can either paste SVG code directly into a text area or upload an SVG file from your computer. The tool processes the input in the browser and returns the optimized SVG code as plain text that you can copy into a file or editor. The example at the top of this page goes from 189 bytes to 148 bytes, a reduction of about 22 percent.
It does not preserve every element: the optimizer can remove whole elements, such as empty groups, unused definitions, and hidden ones, and it may rewrite attributes that animations or scripts depend on. It does not validate that scripts still work after optimization, so you should test interactive SVGs in a browser after optimizing.
The rules are a configurable set, and the description notes that individual rules can be disabled when they cause problems, though the exact controls are not documented here. Start with the defaults and re-render the output to check the result.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Format, validate, and beautify JSON with syntax highlighting and error detection.
Encode text or files to Base64 and decode Base64 strings back to their original form.
Format and indent SQL queries for better readability across all major dialects.
Convert HTML markup into clean Markdown syntax with support for tables and lists.
Write Markdown and see the rendered HTML output in real time with live preview.
Visualize unified diffs and patch files with color-coded additions and deletions.