サイズとviewBoxの役割
幅・高さは出力ピクセル、viewBoxは図柄の座標範囲です。始点を変えると見える領域が変わります。自動配置や余白の自動検出ではありません。
Web素材
SVG仕上げ
サイズとviewBoxを調整し、安全化したSVGやPNGで保存します。
ファイルはこのブラウザ内で処理します。SVG · 2 MB
プレビュー
ファイルを選択してください。
結果
使い方
-
ファイルかソースを入力
SVGを選択するか、ソース欄に貼り付けます。原本は別に保管してください。
-
座標とサイズを設定
必要な場合だけ幅・高さ・viewBoxを変更します。空欄はSVGのピクセルサイズまたはviewBoxを使います。
-
整理結果を確認
結果を作成し、プレビューと整理済みソースを確認します。SVGまたは指定サイズのPNGで保存できます。
書き出す前に確認したいこと
除去する要素
スクリプト、イベント属性、外部参照、style・image・use・foreignObject・フィルター・アニメーション等を除去します。基本図形、path、文字、グラデーション、内部clipPath・maskは対応します。未対応表現の見た目は変わる場合があります。
現在の制限
- 入力は2MB・10000要素以下。DOCTYPEとENTITY宣言は拒否します。
- 出力は正の整数で1辺8192px・1600万画素以下です。
- 文字のパス化やフォント埋め込みはしません。環境のフォントで見た目が変わる場合があります。
画像ツールについて
原本とプレビューが違うのは？
整理済みSVGのみで表示するため、外部画像・CSS・未対応要素の除去で変わる場合があります。
SVGの文字にも個人情報がありますか？
あり得ます。タイトル・説明・表示文字をすべて消すツールではないため、共有前にソースも確認してください。
必ず容量は減りますか？
いいえ。出力サイズや対応要素の整理が目的で、pathの最短化や高度なSVG圧縮ではありません。