納品用のSVGを圧縮する手順
SVG 最適化ツールを使う場面
ロゴ、アイコン、イラストを公開する前に、配布用のコピーを SVG 最適化ツールで処理します。ベクターパスの見た目はそのままで、デザインソフトが余分なマークアップを書き出している場合に有効です。
整理してもファイルサイズがほとんど変わらない場合は、埋め込みのビットマップ画像や複雑なパスを確認します。ベクターエディターで未使用のレイヤーを削除するか、パスのコピーを簡略化します。再出力する前に、実際に使う最小サイズで細部を確認してください。
変更点を確認する
通常のコメントや空のグループを削除し、パスコマンドの余分な空白を整理します。認識したライセンス表記と元の数値精度は維持します。容量が小さくならない場合は元のファイルを使用します。
実際に使うサイズで比較する
元のSVGを保存しておき、圧縮後のファイルと並べて開きます。使用予定のサイズで細い線や文字、透明部分の境界を確認してください。ラスター画像で比較する場合は、SVGからPNGへの変換ツールで両方を同じピクセル寸法で書き出します。
納品用のコピーを別に保存する
編集用のSVGは、圧縮版やラスター画像と分けて保存します。SVG制作ワークフローのガイドでは、共有や公開の前に確認する項目を紹介しています。