無料SVGオプティマイザー
SVGファイルのサイズを最大70%削減。ブラウザ上で瞬時に処理できます。SVGO搭載。アップロード不要、アカウント不要、画質劣化なし。
SVGファイルをここにドロップしてください
またはクリックして閲覧 — SVGファイルのみ
SVGファイルサイズは小さくても、視覚的な出力は同じです。
SVGファイルから、目に見えるピクセルを一切変更することなく、不要なメタデータ、コメント、および編集痕跡を削除します。
最大70%のサイズ縮小
未使用のメタデータ、エディターコメント、非表示要素、および冗長な属性を削除します。一般的なロゴの場合、ファイルサイズが40～70%削減されます。
SVGOによって提供されています
ブラウザ向けにコンパイルされた業界標準のSVGOライブラリを使用します。これは、ほとんどのSVGツールチェーンで使用されているものと同じオプティマイザです。
ビフォー／アフター差分表示
元のSVGコードと最適化されたSVGコードを並べて比較できます。ダウンロードする前に、何が削除されたのかを正確に確認してください。
完全非公開 — 未アップロード
SVGの最適化はすべてブラウザ内で実行されます。ファイルがデバイスから外部に送信されることはありません。
ビジュアルプレビュー
保存する前に、元のSVGと最適化されたSVGを並べてレンダリングし、視覚的な出力が同一であることを確認してください。
設定可能な最適化
使用目的に合わせて、特定のSVGOパス（メタデータの削除、IDのクリーンアップ、グループの統合など）を切り替えることができます。
SVGオプティマイザーは誰が使用していますか？
ウェブ上でSVGを配信し、読み込みパフォーマンスを重視する開発者やデザイナー向け。
ウェブパフォーマンス
ページ読み込み時間を短縮し、Core Web Vitalsを改善するために、インラインSVG、アイコン、ロゴのペイロードを削減してください。
- アイコンライブラリのSVGを縮小する
- ヒーローロゴのファイルサイズを縮小する
- インラインSVGスプライトシートを最適化
デザインシステムアセット
Figma、Illustrator、SketchからエクスポートしたSVGファイルをクリーンアップし、デザインシステムに組み込む前にエディター固有のメタデータを削除します。
- Figmaのメタデータをエクスポートから削除する
- Illustrator IDとコメントを整理する
- コンポーネントライブラリ用にSVGを正規化する
メールと埋め込み画像
SVGファイルのサイズが小さいほど、メールクライアントや埋め込み画像での読み込みが速くなり、配信率とレンダリング速度が向上します。
- メールヘッダーのSVGロゴを最適化する
- 埋め込みチャートのSVGペイロードを削減する
- エクスポートされたデータ視覚化SVGをクリーンアップする
SVGを最適化する3つのステップ
SVGファイルをアップロードエリアにドラッグ＆ドロップするか、クリックしてファイルを選択してください。SVGファイルのみ受け付けています。
ファイルサイズの削減状況、視覚的なプレビュー比較、および必要に応じて変更点の差分を確認できます。
「ダウンロード」をクリックすると、プロジェクトにそのまま組み込める、クリーンで圧縮されたSVGファイルが入手できます。
よくある質問
SVGファイルをオンラインで最適化する際のよくある質問。
SVGを最適化すると、見た目が変わりますか？
ほとんどの場合、いいえ。SVGOは、エディタのメタデータ、冗長な属性、レンダリングに影響を与えない未使用の要素を削除します。複雑なアニメーションやJavaScriptを含むSVGの場合は、変更前後のプレビューを確認して、出力が同一であることを確認してください。
私のSVGファイルはサーバーにアップロードされていますか？
いいえ。最適化はすべてSVGOブラウザビルドを使用してブラウザ内で行われます。ファイルがデバイスから外部に送信されることはありません。
SVGOは実際には何を削除するのですか？
設定によっては、SVGOはエディターコメント、未使用の名前空間宣言、デフォルトの属性値、空のグループ、非表示の要素、冗長なパスなどを削除できます。必要に応じて、個々のパスを切り替えて特定の属性を保持することも可能です。
ファイルサイズはどの程度削減される見込みですか？
FigmaやIllustratorで作成された一般的なロゴやアイコンは、40～70%のサイズ削減が見込まれます。手書きで作成されたシンプルなSVGでは、削減率はそれよりも低くなる場合があります。大きなbase64画像が埋め込まれたSVGは、画像データ自体は変更されないため、サイズはほとんど縮小されません。