SVG最適化の仕組み
SVGオプティマイザーはSVGO(SVG Optimizer)をブラウザのWeb Worker内で実行し、SVGファイルをアップロードすることなく最小化・クリーニングします。SVGOはコメントの削除、空白の折りたたみ、同一パスのマージ、形状をより コンパクトな表現への変換、視覚的効果のない属性の削除など、設定可能なプラグインセットを適用します。結果は元のSVGと同じようにレンダリングされる小さなSVGです。
Figma、Illustrator、InkscapeなどのデザインツールからエクスポートされたSVGファイルには、エディタ固有のメタデータ、空のグループ、冗長な変換属性、ブラウザが必要としない名前空間宣言など、かなりのオーバーヘッドが含まれていることがよくあります。SVGOのデフォルトプラグインセットはこのオーバーヘッドを確実に除去します。最適化されたファイルはダウンロードとして提供され、パーセントのサイズ削減が表示されるため、最適化が有効だったかどうか確認できます。