Converter
SVG viewBox コンバーター
見た目を全く変えずに SVG の viewBox の値を変換できるツールです。ファイルのアップロードとダウンロードにも対応しています
SVG 入力
SVG ファイルを選択するか、変換したい SVG のコードを貼り付けてください。
現在の viewBox
-
viewBox について
viewBox は SVG の内部で使用する座標系の範囲を定義する属性です。
表示サイズとは独立しているため、viewBox の値を変えても座標を同じ比率で変換すれば見た目は一切変わりません。
複数の SVG で viewBox の値を揃えたい場合などにご利用ください。
変換について
パスの座標や図形の位置、線の太さなど、座標系に依存する値を新しい viewBox の比率に合わせて変換します。
拡大縮小ではないため、画像の端の余白を含めて元の見た目がそのまま保たれます。
style 要素の中の CSS やアニメーションの値、独自の座標系を持つ marker や pattern の内部は変換の対象外です。
変換設定
変換後の viewBox のサイズを指定してください。
変換結果
変換された SVG のコードです。右上のボタンからコピーやファイルのダウンロードができます。
プレビューで見た目が変わっていないことを確認できます。
変換前
変換後