書き出しの不要情報
metadata、comments、エディタ属性、非表示要素、空の group を削除します。
無料開発者ツール
SVG オプティマイザー SVG コードを整理して圧縮
SVG コードを貼り付けるか SVG ファイルをアップロードします。SVG オプティマイザーは書き出し時の不要情報を削除し、パスと数値を圧縮し、viewBox を保持し、サイズ比較とコピー/ダウンロードを提供します。
AD
SVG オプティマイザーが解決する問題
SVG オプティマイザーは、デザインツールから書き出したアイコンに残る不要データを整理します。
アイコンライブラリ管理
共有フロントエンドパッケージに追加する前に、多数のアイコンを整えます。
ローカルで安全に整理
未公開ロゴや UI アイコンをブラウザ内だけで処理できます。
SVG オプティマイザーの機能
構造整理、パス圧縮、精度調整、サイズ比較、コピー、ダウンロードをまとめて行えます。
SVG を貼り付け/アップロード
SVG コードを貼り付けるか .svg ファイルを読み込みます。
不要情報を削除
metadata、comments、非表示要素、不要属性、空 group を削除します。
パスと数値を圧縮
path data、座標、transform、透明度などを指定精度で丸めます。
viewBox を保持
SVG オプティマイザーは viewBox を保持し、アイコンの拡大縮小を保ちます。
サイズ削減を比較
元サイズ、最適化後サイズ、削減バイト、削減率を確認できます。
コピーまたはダウンロード
最適化後 SVG をコピーするか .svg として保存できます。
SVG オプティマイザーの使い方
貼り付けまたはアップロード、ルール選択、削減確認、コピーまたはダウンロードの順です。
01
SVG を貼り付け/アップロード
エディタに SVG を入れるか .svg ファイルを選択します。
- ローカルのみ - アップロードなし
02
SVG オプティマイザー設定を選ぶ
metadata、comments、非表示要素、属性、group、空白、精度を切り替えます。
- ローカルのみ - アップロードなし
03
削減結果を確認
前後のバイト数と削除項目の概要を確認します。
- ローカルのみ - アップロードなし
04
最適化 SVG をコピー/保存
プロジェクトへコピーするか、きれいな .svg をダウンロードします。
- ローカルのみ - アップロードなし
SVG オプティマイザーの用途
フロントエンド開発者、デザイナー、アイコンライブラリ管理者向けです。
フロントエンド開発
React、Astro、CSS sprites、ドキュメント、コンポーネント用に SVG を準備します。
デザインハンドオフ
エンジニアへ渡す前に SVG 書き出しを整理します。
アイコン QA
公開前に精度をそろえ、不要情報を削除し、サイズを比較します。
SVG オプティマイザー FAQ
SVG 整理、パス圧縮、viewBox 保持、ローカル処理について。
SVG オプティマイザーはファイルをアップロードしますか？
いいえ。解析、整理、圧縮、コピー、ダウンロードはブラウザ内で行われます。
viewBox は保持されますか？
はい。viewBox は保持され、必要なら復元されます。
何を削除できますか？
metadata、title、desc、comments、非表示要素、不要属性、空属性、未参照 ID、空 group です。
複雑な SVG に影響しますか？
外部 CSS、ID、script、metadata に依存する SVG は確認が必要です。詳細なイラストは高い精度を使ってください。
SVG オプティマイザーを使い始める
SVG コードを貼り付け、不要情報を削除し、viewBox を保ち、サイズを比較してコピーまたはダウンロードします。
無料 - ブラウザ内で動く SVG ツール。