SVGを圧縮する

SVGファイルのサイズ（画像の重み）は、ビットマップとは異なり、ピクセル単位のサイズには依存しませんが、コードの量に依存します。大きな画像の場合、SVG形式の利点は明らかです。 SVGは、ファイルサイズの点で常にビットマップよりも優れていると想定できますが、常にそうであるとは限りません。 Webサイトを構築している場合は、SVGファイルに精通している可能性があります。これはあまり一般的な画像形式ではありませんが、Google Chrome、Microsoft Internet Explorer、MozillaFirefoxなどの最新のWebブラウザでサポートされています。 SVGはScalableVector Graphicsの略で、XMLベースのベクターグラフィック形式です。 SVGファイルは、ファイルサイズ、レンダリング速度、編集の3つに最適化できます。ほとんどの場合、特に複雑な図面の場合、編集の最適化が必要です。

SVGコードの量は、最適化によって減らすことができます。メタデータの削除。グラフィックエディタ（Adobe Illustratorなど）に保存した後、SVGコードには多くの不要な情報が含まれています。これらの情報を削除すると、ファイルサイズが小さくなり、画像に影響を与えることはありません。不要なオブジェクトを削除します。画像には、不要なオブジェクトや非表示のオブジェクト、およびオブジェクトをグループ化するタグを含めることができます。これらのタグを削除しても、画像には影響しません。未使用のクラスと識別子を削除します。ベクター画像を編集する場合、グラフィックエディタはタグにクラスと識別子を追加できますが、画像の最終バージョンでは必要ありません。タグ属性の最適化。属性の頻繁な使用はCSSプロパティに置き換えることができます。要素の数が多いと、SVGの重みを大幅に減らすことができます。不要なノードを削除します。ベクター画像の各ポイントはコードのボリュームに反映されます。不要なノードを削除すると、ボリュームを減らすのに役立ちます。