SVG 圧縮・最適化ツール

SVG圧縮とは？

SVG（Scalable Vector Graphics）ファイルは、IllustratorやFigmaなどのデザインツールでエクスポートすると、 コメント・メタデータ・エディタ固有の名前空間など、ブラウザ表示に不要な情報が大量に含まれることがあります。 これらを除去することで、視覚的な品質を保ったまま大幅にファイルサイズを削減できます。

主な最適化の内容

• コメントの除去：デザイナーのメモや自動生成コメントを除去します
• メタデータの除去：作成者情報・ライセンス情報などのmetadataタグを除去します
• 空白の圧縮：インデントや改行を最小化し1行に近い形式にします
• エディタ名前空間の除去：Inkscape・Illustratorなどが追加する独自属性（inkscape:、sodipodi:等）を除去します
• XML宣言の除去：HTML内で使用する場合に不要な<?xml>宣言を除去します

SVG圧縮の活用シーン

• Webサイトのロゴ・アイコンを軽量化してページ表示速度を改善したい
• Figma・IllustratorからエクスポートしたSVGをそのまま使わずクリーンアップしたい
• GitHub等で管理するSVGの差分ノイズを減らしたい
• メール内のインラインSVGを軽量化したい