SVG最適化ツール
不要なデータを削除しコードをクリーンアップしてSVGファイルを最適化
SVG最適化ツール
SVGファイルをここにドラッグ＆ドロップ
またはクリックしてファイルを選択（.svg - 最大5MB）
使用例
Webパフォーマンス
SVGファイルサイズを削減してウェブサイトの読み込み速度とパフォーマンススコアを向上させます。
デザインクリーンアップ
Illustrator、Figma、InkscapeなどのデザインツールからエクスポートされたSVGファイルをクリーンアップします。
インラインSVG
HTMLやReactコンポーネントに直接埋め込むためのクリーンで最小限のSVGコードを準備します。
機能
スマート最適化
コメント、メタデータ、エディターデータ、不要な属性を削除する複数の最適化オプション。
サイズ比較
元のサイズと最適化後のサイズをパーセンテージ削減量とともに明確に表示します。
ライブプレビュー
最適化されたSVGをブラウザでレンダリングしてプレビューし、正しく表示されることを確認します。
プライベート＆安全
すべての処理はDOMParserを使用してブラウザ内でローカルに行われます。ファイルはデバイスから離れません。
使い方
SVGをアップロードまたは貼り付け
SVGファイルをドラッグ＆ドロップ、選択するか、SVGコードを直接貼り付けます。
オプションを選択
適用する最適化を選択：コメント、メタデータ、空白、エディターデータの削除など。
最適化とエクスポート
最適化をクリックし、プレビューとサイズ削減を確認してから、最適化されたSVGをコピーまたはダウンロードします。
よくある質問
SVG Optimizerとは？
SVGコードを貼り付けるかファイルをドロップし、適用する最適化を選んで、数秒でより小さくクリーンなSVGを取得できます。デザインツールが残す余分なデータを削るのに最適です。
何が削除されますか？
コメント、メタデータ、Inkscape/Illustratorエディタの名前空間、空の属性、未使用のdefs、余分な空白。スタイルの最小化やID短縮も可能です。
よくある使い方
WebパフォーマンスのためにSVGアイコンからキロバイトを削る、gitにコミットする前にFigmaやIllustratorの書き出しをクリーンアップ、ReactコンポーネントのミニマルなインラインSVGを準備。
ヒント
ダウンロード前に必ず最適化後のSVGをプレビューしてください。小数精度を下げるとバイト数は減りますが細部が丸められる可能性があります。
プライバシー
処理はDOMParserを通じてブラウザ内で完全に実行されます。ファイルのアップロードなし、データがマシンから出ることもありません。