SVG最適化
見た目を変えずにSVGファイルのサイズを大きく減らします。編集ソフトの余分なデータを取り除き、数値を丸め、パスを簡潔にします。変換前後のプレビュー付きで、複数ファイルもまとめて処理できます。
SVGを最適化する方法
- 左の欄にSVGのコードを貼り付けるか、.svgファイルを開きます(複数選ぶとまとめて処理します)。
- 必要なら数値の精度を調整します。小数点以下を減らすとファイルは軽くなりますが、とても細かい部分がずれることがあります。
- 変換前と後の画像を比べ、コードをコピーするか.svg(複数ならZIP)をダウンロードします。
よくある質問
通常は変わりません。コメントや編集ソフトのデータ、使われていない属性など描画に関係ないものだけを取り除き、パスを短く書き直します。変換前と後を並べて確認できます。
ほとんどのアイコンやロゴは3で十分です。とても小さい絵や細かい地図は4〜5に。1〜2にするとさらに軽くなりますが、細い線がずれることがあります。
ほぼ常に残してください。viewBoxがあるとCSSでサイズを変えても正しく拡大縮小されます。決まった1つのサイズでしか使わない場合だけオフにします。
描画ソフトはファイルを開き直すために独自のデータ(レイヤー、グリッド、メモ)を保存しています。そのソフトでまだ編集するなら「メタデータとコメントを削除」をオフにしてください。Web用のファイルなら削除がおすすめです。
SVGにはスクリプトを入れられます。ここでのプレビューは普通の画像として表示するので、中のスクリプトが動くことはありません。
完全に無料で、登録も不要です。