SVG最適化
見た目を変えずにSVGファイルを小さくします。拡大縮小できる状態を保つ設定付き。無料で、お使いの端末上で動作します。
SVG最適化は、デザインアプリから書き出したSVGファイルを整理します。こうしたファイルには、エディターのデータ、コメント、長い小数、使われていない定義が含まれていることがよくあります。標準的な最適化ツールであるSVGOを安全な設定で使います。図が拡大縮小できるようviewBoxは残し、スクリーンリーダーのためにタイトルも残し、IDは指定しない限り変更しません。元のファイルと最適化後のファイルを削減量とともに並べて確認し、ファイルをダウンロードするかコードをコピーできます。
SVG最適化の使い方
- 1
SVGを追加
ファイルをドロップするか、コードを貼り付けます。
- 2
設定を調整
小数の桁数と、残すもの・削除するものを選びます。
- 3
ダウンロードまたはコピー
最適化したSVGを保存するか、コードをコピーします。
できること
- SVGOを使用
- 標準的なSVG最適化ツールを、ブラウザ内で実行します。
- 初期設定で安全
- 指定しない限り、viewBox、タイトル、IDを残します。
- 並べて比較
- 削減量とともに、変更前と変更後を比較できます。
よくある質問
最適化したSVGは見た目が変わりますか？
初期設定では変わりません。小数の桁数を0にすると細部がずれることがあるので、2つのプレビューを比べてください。
IDを残すのはなぜですか？
WebサイトやアニメーションはIDでSVGの一部を指定することが多いためです。ファイルの外で使われていない場合にだけ短くしてください。
どのくらい小さくなりますか？
デザインアプリから書き出したファイルは30～70%小さくなることがよくあります。手書きのファイルや最適化済みのファイルは、あまり小さくなりません。
ファイルはアップロードされますか？
いいえ。お使いの端末上で最適化されます。