SVG最適化

SVGファイルの最適化 & PNG変換

SVGファイルを選択

SVGファイルをドラッグ＆ドロップ

または クリックしてファイルを選択

最適化設定

出力形式
PNG出力サイズ
px
px

幅・高さは1〜4096pxです。背景は塗らずに透明のまま保存します。縦横比を維持しない場合は、指定したサイズに合わせて変形します。SVGの中から読み込む外部の画像やWebフォントは描かれないことがあります。

SVG最適化オプション
  • コメント削除: コメントを削除します（「<!--!」で始まるライセンス表記などのコメントは残します）。
  • メタデータ削除: <metadata> 要素を削除します。
  • エディタデータ削除: Illustrator・Inkscape・Sketch などの独自の名前空間の宣言・要素・属性を、まとめて削除します。
  • ID整理: 参照されていないIDを削除し、参照されているIDを短い名前に変えます（<style>や<script>を含むSVGでは変更しません）。
  • スタイル圧縮: <style> 要素と style 属性のCSSを圧縮し、使われていないスタイルを削除します。
  • 未使用定義削除: <defs> の中で id を持たない（どこからも参照できない）要素を削除します。ID整理と組み合わせると、参照されていない定義も削除されます。
  • 数値の丸め: 座標などの数値を小数点以下3桁に丸め、パスデータを短い書き方に直します。見た目がわずかに変わることがあります。
  • 設定にかかわらず、XML宣言・DOCTYPE・空の属性を削除し、タグの間の改行や空白を詰めて出力します（テキストの中の文字はそのまま残します）。小さくならなくなるまで、最適化をくり返します。

保存名は「元のファイル名.min.svg」（PNGは「元のファイル名.png」）です。出力形式や設定を変えたら、もう一度［最適化］を押してから保存してください。

SVG最適化について

ファイルサイズ削減

選んだオプションに従って、コメント・メタデータ・エディター独自のデータなどを削除し、ファイルサイズを減らします。減る量はSVGによって異なります。最適化にはSVGOを使います。

PNG変換

SVGをラスター画像（PNG）に変換します。幅・高さを1〜4096pxで指定できます。

ブラウザー内で処理

処理はブラウザ内で行い、SVGファイルをサーバーへ送信しません。