SVG Optimizer - Shrink SVG Files in Your Browser

Compress and clean SVG files - remove metadata, collapse groups, simplify paths

🔒 100% ブラウザ内🆓 ずっと無料⚡ サインアップ不要
注意: 下記のツールインターフェースは現時点で英語のみに対応しています。UI の翻訳は順次進めています。 このツールを英語で見る →
0.14 KB · −59%

使い方

  1. 1
    Paste or drop SVG

    Any single SVG file - the tool works on the whole markup.

  2. 2
    Tune the passes (optional)

    Toggle metadata removal, decimal precision, and comment stripping to taste.

  3. 3
    Copy or download

    See the before/after size and download the optimized SVG or copy it inline.

SVG Optimizer - Shrink SVG Files in Your Browser について

Free SVG optimizer. Paste or drop any SVG to strip editor metadata, collapse redundant groups, remove hidden elements, round path decimals, and minify whitespace - typically 30–70% smaller with no visual change. Runs entirely in your browser. 712 Tools の SVG Optimizer - Shrink SVG Files in Your Browser はモダンな JavaScript API を使って完全にブラウザ内で動作します - サーバーがあなたのデータを見ることは一切ありません。つまり、即時の結果、完全なプライバシー、アップロード制限なしです。

デバッグ、簡単な確認、あるいは本番のインシデント対応まで - このツールは何度でも無料で使えます。ウォーターマークなし、サインアップなし、ツール内広告なし。

よくある質問

How much smaller do SVGs typically get?

Design-tool exports (Figma, Illustrator, Sketch) often shrink 40–70% - most of the overhead is editor metadata and precise-to-8-decimals path coordinates. Already-optimized SVGs shrink less.

Does it use SVGO?

It applies the most-impactful SVGO passes reimplemented for the browser - no server needed. For every SVGO plugin, run the CLI locally.

Will the visual output change?

No - every default pass is safe. If you turn on aggressive path-precision reduction below 1 decimal, tight curves may visibly change.

続きを読む

5 分で読了

The SVG workflow that keeps your React bundle small

How to take a Figma export from 15KB to 400 bytes, convert it into a clean React component, and ship icons without a bloated icon library.

5 分で読了

Mermaid diagrams for docs, PRs, and READMEs (2026 guide)

GitHub and GitLab render Mermaid natively. Notion, Obsidian, and every static-site generator now support it too. Here's how to actually use it - the syntax, the templates, and the export tricks.

関連ツール

JS Minifier

Minify JavaScript by stripping whitespace and comments

CSS Minifier

Compress CSS by removing whitespace and comments

HTML Beautifier

Format messy HTML with proper indentation

Word Counter

Count words, characters, sentences, paragraphs, reading time

Case Converter

Convert text to UPPERCASE, lowercase, camelCase, snake_case, kebab-case, and more

Lorem Ipsum

Generate placeholder text - paragraphs, sentences, or words