このツールでできること
この SVG optimizer は、ローカルの SVG ファイル 1 つ、または貼り付けた SVG ドキュメントをブラウザー内で圧縮します。SVGO クリーンアップパスを使って、表示される画像を変えないコメント、メタデータ、冗長な属性、不要な精度、その他の markup を削除します。
役立つ理由
デザインツールからエクスポートされた SVG ファイルには、エディターのメタデータ、冗長なパス、未使用の ID、コメントが含まれていることがよくあります。最適化すると、ダウンロードサイズを減らし、ページ読み込みを改善し、Web サイト、アプリ、メール、ドキュメントページに組み込む前に inline SVG コードを確認しやすくできます。
仕組み
.svg ファイルをアップロードするか SVG markup を貼り付け、安全プリセットを選ぶか個別の SVGO パスを調整してから最適化を実行します。このツールは元画像と最適化後のプレビュー、削減されたバイト数、最終的な markup を表示するため、コピーするか .optimized.svg ファイルとしてダウンロードできます。SVG がデバイスの外に出る必要はありません。
実用上の注意
- SVG が外部 CSS、スクリプトで使われる ID、または簡単に確認できない symbol 参照に依存している場合は、安全プリセットのままにしてください。
- 寸法の削除やスタイルのインライン化が許容できる、単純にエクスポートされたアイコン、ロゴ、イラストには積極的プリセットを使用してください。
- ソース画像を置き換える前に、最適化後の画像をプレビューしてください。特にソースでマスク、グラデーション、フィルター、リンクされたアセットを使用している場合は重要です。