SVG最適化 コンパクト化

SVG内コードをすっきりコンパクト化します。

SVG内コードをすっきりコンパクト化します。SVGを手修正したい場合に便利。

SVG最適化 コンパクト化

SVG画像内のコメント削除、余分な改行削除、グループ解除などクリーンアップします。
SVG画像をテキストエディタで編集する前処理として最適。SVGファイルの圧縮としても。
処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。

SVGコードをペースト

色コード

未使用id

id名短縮

グループ

改行

インデント

関連サイト:
SVG編集
動作環境(2022-08-10時点)
・Google Chrome 103
・Microsoft Edge 103
・Mozilla Firefox 103
・Apple Safari 15.6
使い方
例えばIllustratorから出力したSVGコードをそのまま張り付けます。
各種設定を変更します。コードをダウンロードします。
色コードの短縮
#FFFFFF は #FFF に。#AA6600 は #A60 に。短縮可能な6桁表現を3桁に変更します。

未使用idの削除
id="レイヤー_1" などの不要なidを削除します。

id名短縮
id="SVGID_4E5R8F41256A5W42S2579H9JK6MNKL_" などの無駄に長いid名を id="sid1" などに短縮します。

グループ削除
<g><g><g><path ...></g></g></g> などの不要なグループ組を <path ...> へ短縮します。

改行削除
改行を取り去ります。

インデント有り
改行有りの場合に有効です。コード内にインデントを付加します。

この記事は2022年8月当時の物です。
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。