Tool overview
SVG オプティマイザとは?
SVG オプティマイザは、SVGO で SVG を圧縮 — gzip サイズ、ライブ比較、プライベートなクリーンアップための開発者向けツールです。
なぜSVG オプティマイザを使うのか?
SVGO で SVG を圧縮 — gzip サイズ、ライブ比較、プライベートなクリーンアップ際の可読性と作業速度を向上させ、データをサーバーに送信しません。
主な機能
クライアントサイドのプライバシー、即座の結果、ワンクリックコピー。SVGO で SVG を圧縮 — gzip サイズ、ライブ比較、プライベートなクリーンアップ
使い方
上のツールで正確な結果を得るための手順です。
- SVG ファイルをドロップするかマークアップを貼り付けます — アップロードはありません。
- gzip サイズを確認し、クリーンアップを調整し、ワイプで最適化とオリジナルを比較します。
- 最適化 SVG をコピーまたはダウンロード。小数桁やその他のオプションで細かく制御できます。
SVG 最適化の範囲
SVGO によるクリーンアップ、ライブプレビュー、gzip サイズ、安全な既定値。
| 機能 / コンテキスト | 有効な構文例 | よくある落とし穴 / 無効な例 |
|---|---|---|
| コメントとメタデータ | <svg viewBox='0 0 24 24'> | <!-- ゴミ --><metadata>…</metadata>コメントとエディターのメタデータは既定で削除されます。 |
| ID と非表示レイヤー | ID を保持 / 非表示レイヤーを保持 | 無差別な強力クリーンアップCSS や JS が id を参照する場合は ID を保持してください。 |
| 精度とサイズ | gzip サイズ + 小数桁 | 生バイトのみgzip サイズの方が転送コストに近く、小数を減らすとパスがさらに小さくなります。 |
よくある質問
一般的なトラブルとデータプライバシーに関する回答です。
関連ツール
このツールを補完する関連ユーティリティをご覧ください。
公式ドキュメントと参照
このユーティリティの公式仕様とプラットフォーム文書です。