Voltar

SVG最適化

SVGファイルを選ぶか、コードを貼り付けます。ブラウザが使わない部分を取り除き、軽くなった量と、前後のプレビューを表示します。

使い方

SVGを軽くしましょう

SVGファイルを選ぶか、ここにドラッグ

またはSVGコードを貼り付け

小数点以下の桁数

未使用のidを削除 titleとdescを削除

利用できる言語:

次のツールCSS背景パターン→

SVG最適化: 用途

SVGを1つまたは複数選ぶか、コードを貼り付けます。コメント、XML宣言、メタデータ、Inkscape・Sodipodi・Illustratorのデータ、空のグループ、空白を削除し、使われていないidを消し、座標を小数点以下0〜3桁に丸めます。titleとdescはアクセシビリティのために残すこともできます。

前後のサイズと並べたプレビューを確認し、1つずつ、またはまとめて.zipでダウンロードできます。

使い方

SVGファイルを選ぶか、コードを貼り付けます。
小数点以下の桁数と、削除する内容を選びます。
プレビューを確認して、最適化したSVGをダウンロードします。

使うタイミング

FigmaやIllustratorから書き出したアイコンやロゴ。
サイトの軽量化。
HTMLに直接埋め込む前のSVGの整理。

よくある質問

何が削除されますか?

コメント、XML宣言、DOCTYPE、メタデータ、Inkscape・Sodipodi・Illustratorのデータ、エディタ用の属性、未使用のid(任意)、空のグループ、余分な空白です。座標は、選んだ小数点以下の桁数に丸められます。

小数点以下は何桁にすればよいですか?

アイコンやロゴなら、1〜2桁にしても画面上ではほとんど分かりません。非常に細かい図や、viewBoxが小さい小さな図には3桁を使います。プレビューで確認し、形が崩れたら桁数を増やしてください。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。