SVG 圧縮
デザインツールから書き出された SVG には、山のような冗長なコードが隠れています。業界標準の SVGO エンジンでクリーンアップすれば、レンダリングを変えずに平均半分以上縮小——すべてブラウザ内でローカルに。ソースファイルはデバイスから出ません。
SVG をドラッグ、またはクリックして選択
ベクター維持 · ブラウザ内で最適化 · 最大 20 個
SVGO エンジンはブラウザ内で動作。SVG はサーバーに送信されません
Figma、Sketch、Illustrator から書き出されたアイコンでは、実際の形状を記述しているのがソースの半分以下ということがよくあります。残りはエディタのバージョン情報、レイヤー名、コメント、無駄なグループのネスト、小数点以下6桁の座標——0.000001px の差は誰の目にも見えません。そうした冗長さが、何の役にも立たずファイルを膨らませています。
SVGO のクリーンアップは保守的です。レンダリングに影響しないものだけを除去し、パスの数値を適切な精度に丸めます。最適化された SVG はベクターファイルのまま——どんなサイズでも鮮明で、Web、アプリ、印刷にそのまま使えます。サイト開発者にとって、小さな SVG はより速い読み込みを意味します。アイコンやイラストは重要なレンダリングリソースであることが多く、半分にすればすぐに速くなります。
SVG を JPG/PNG ビットマップに変換する必要がありますか(Word 文書や SVG 非対応プラットフォーム用に)?フォーマット変換ページを使えば、150dpi の高解像度でラスタライズされます。その逆——ビットマップからベクターへ——は専門のトレースソフトが必要で、圧縮ツールの範囲外です。