SVG圧縮ツール
SVGO 4とデフォルトのプリセットでSVGファイルを最適化、圧縮します。エディターのメタデータやコメントを削除し、不要なグループをまとめ、単純な図形をコンパクトなパスに変換し、色を短縮して数値を指定した精度に丸めます。さらに圧縮するため、複数回の処理も選択できます。マークアップを事前に検証し、viewBoxを保持するため、アイコンやイラストを公開するデザイナーや開発者に適しています。
よくある質問
どのオプティマイザーを使用していますか?
サーバー上で、デフォルトのプリセットを使ってSVGO 4.1を実行します。多くのビルドツールやアイコンのパイプラインで使われているものと同じオプティマイザーです。
デフォルトのプリセットでは何が変更されますか?
エディターデータ、メタデータ、コメントを削除し、空または非表示の要素を取り除いて、不要なグループをまとめます。また、短くなる場合は長方形などの図形をパスに変換し、パスデータや変換を最適化して、#ffffffを#fffのように色を短縮します。
精度の設定は何をしますか?
精度は、座標やその他の数値で保持する小数点以下の桁数です。デフォルトは3で、0から8まで設定できます。値を小さくするとファイルサイズは小さくなりますが、細部の位置がずれることがあります。
複数回処理とは何ですか?
複数回処理をオンにすると、結果がそれ以上小さくならなくなるまでSVGOが最適化を繰り返します。デフォルトでオンになっており、通常はさらに少し圧縮できます。
viewBoxは保持されますか?
はい。SVGO 4ではデフォルトでviewBoxやtitleが削除されなくなったため、アイコンは正しく拡大縮小され、アクセシブルなタイトルも保持されます。
信頼できないSVGを無害化しますか?
いいえ。SVGOはマークアップを最適化しますが、スクリプトやイベントハンドラー属性は削除しません。信頼できないソースのSVGを埋め込んでも安全だとは考えないでください。
どのような入力を受け付けますか?
ルート要素が<svg>の整形式なSVGマークアップを受け付けます。先頭にはXML宣言やコメントを付けることもできます。マークアップに問題があれば行番号と列番号を示して報告し、別のルート要素を持つドキュメントは拒否されます。
SVGのサイズ上限はどれくらいですか?
1リクエストあたり、マークアップは最大1 MBです。最適化は10秒後に停止します。
Figma、Illustrator、Inkscapeから書き出したSVGを貼り付けられますか?
はい。デザインツールからの書き出しには、余分なメタデータやエディターの名前空間、桁数の多い数値が含まれることがよくあります。これらはこのツールが削除するものです。
SVGは保存されますか?
いいえ。マークアップはメモリ上で最適化され、返されます。何も保存されず、記録されるのはリクエストサイズのみです。