SVG を圧縮｜SVG のサイズを削減
SVG ファイルを圧縮して、エディタの不要データを取り除きマークアップを軽量化することで、多くの場合サイズを半分以下にできます。プライベートなブラウザ内 SVG 圧縮ツールを準備中です。今すぐ SVG を小さくする方法をご紹介します。
画像は無制限、ファイルサイズの制限もありません。
SVG ファイルを圧縮するのに CompressImage.io を使う理由は？
-
制限なし
圧縮はブラウザ内で行われるため、変換できる画像の枚数やサイズに制限はありません。
-
100% プライベート
画像はサーバーに送信されないため、あなたの画像は完全に安全でプライベートです。他の誰にも見られることはありません。
-
低いカーボンフットプリント
圧縮処理にサーバーを使わないため、余分な電力をまったく消費せず、二酸化炭素も排出されません。
SVG を圧縮する方法
- 1
エディタのメタデータを取り除く
デザインツールから書き出した SVG には、コメント、エディタのメタデータ、隠れた要素が含まれています。これらを取り除くだけで、見た目を変えずにファイルサイズを30〜50%削減できることがよくあります。
- 2
パスと精度を簡素化する
座標の精度を丸め、冗長なパスを統合します。ほとんどの SVG は、すべての点に小数点以下10桁の精度がなくても完璧にくっきり表示され、それらを切り詰めればファイルはさらに小さくなります。
- 3
軽量化して gzip 圧縮する
余分な空白を取り除き、属性値を短くしたうえで、gzip または Brotli でファイルを配信します。SVG はプレーンテキストなので、転送時に非常によく圧縮されます。
SVG ファイルが必要以上に大きくなる理由
SVG はテキストベースのベクター形式で、ロゴやアイコンには驚くほど小さくなります。問題は、デザインツールがクリーンなファイルを書き出すことはめったにないという点です。素のままの書き出しには通常、次のようなものが含まれています。
- エディタのメタデータ、コメント、名前空間の不要データ
- 隠れた、または未使用の要素や定義
- ブラウザが描画する以上の座標精度
- 長く、繰り返しの多い冗長な属性
これらをすべて取り除くと、見た目をまったく変えずに SVG のサイズが半分になることがよくあります。
SVG ファイルを圧縮する方法
SVG はマークアップなので、圧縮は主にブラウザが読み込まないものを取り除くことが中心になります。
- メタデータをクリーンにする。エディタのコメント、タイトル、隠れたレイヤーを取り除きます。
- 精度を下げる。長い小数座標を妥当な桁数に丸めます。
- 軽量化する。空白を取り除き、属性値を短くします。
- 転送時に圧縮する。SVG を gzip または Brotli で配信します。テキストなので60〜80%圧縮されます。
プライベートな SVG 圧縮ツールを準備中
CompressImage.io の他のツールと同じように、アップロードなし・制限なしで完全にブラウザ内で動作する SVG 圧縮ツールを開発しています。公開までの間も、上記の手順でほとんどの SVG ファイルを大幅に小さくできます。
代わりにラスター画像を扱っていますか？PNG 圧縮ツール、WebP 変換ツール、またはオールインワンの画像最適化ツールをお試しください。
よくある質問
SVG ファイルのサイズを小さくするには？
エディタのメタデータや隠れた要素を取り除き、座標の精度を下げ、冗長なパスを統合し、マークアップを軽量化します。SVG はテキストなので、gzip や Brotli 圧縮で配信すると、それに加えて大きな差が生まれます。
なぜ私の SVG ファイルはこんなに大きいのですか？
Illustrator、Figma、Sketch から書き出した SVG には、コメント、メタデータ、未使用の定義、そして必要以上に多い座標精度が含まれていることがよくあります。こうした無駄は、見た目には何の利点もないままファイルサイズを2〜3倍にしてしまうことがあります。
SVG を圧縮すると画質は下がりますか？
いいえ。SVG はベクター形式なので、どんなサイズでもくっきりしたままです。圧縮はメタデータ、空白、過剰な精度といった目に見えない無駄を取り除くだけなので、表示される画像は同じに見えます。
SVG と PNG のどちらを使うべきですか？
ロゴ、アイコン、フラットなイラストには SVG を使ってください。非常に小さく、無限に拡大でき、くっきりしたままです。複雑なラスター画像には PNG を、写真には JPEG または WebP を使ってください。
CompressImage.io は SVG を圧縮できますか？
はい。ブラウザベースの SVG 圧縮ツールを開発中です。他のツールと同様に、アップロードなし・ファイルサイズ制限なしで、完全にブラウザ内で動作します。