SVGView

SVG サイズ変更 オンライン

SVG ファイルのサイズを無料でオンライン変更。幅と高さを変更し、縦横比を保ったまま、変更後の SVG をすぐにダウンロードできます。

SVG が未読み込みです。ファイルをドロップして開始してください。

SVG エディターへようこそ

SVG をドロップするか「アップロード/アイコン」をクリック、または Ctrl/Cmd+V で SVG コードを貼り付け

サンプルアイコンから開始

下のサンプルを選ぶか、ご自身の SVG をアップロードして編集できます。

SVG Resize Online を使う理由

SVG のサイズを正確に変更

オンラインで SVG をリサイズするときは、幅と高さをピクセルで正確に入力するか、パーセントで拡大縮小します。デザイン仕様やグリッドのトークン、書き出した PNG のサイズにも合わせられます。

縦横比の固定

比率を固定しておけばプロポーションが保たれ、アイコンやロゴ、イラストが伸びて見えることはありません。枠のサイズを優先したいときだけ解除します。

viewBox を考慮した出力

viewBox は保持され、必要に応じて更新されるため、リサイズ後の SVG は CSS や HTML で正しく拡大縮小されます。切り取りや余分な余白、レイアウトのずれを防げます。

ライブプレビュー

変更はその場で反映され、ズームや背景の切り替えも使えるので、書き出す前に余白と位置を確認できます。背景を変えると不要な線が見つけやすくなります。

柔軟な書き出し

リサイズした SVG をダウンロードするか、PNG をワンステップで書き出せます。資料やスライド、チャット用にラスター版が要るときは両方まとめて保管しましょう。

ローカルで安全な処理

リサイズはすべてブラウザー内で実行され、SVG ファイルが端末の外に出ることはありません。クライアント素材を守りつつ、大きなファイルでもアップロード待ちが発生しません。

オンラインで SVG のサイズを変更する

1

SVG を追加

ファイルをドラッグ＆ドロップするか、SVG コードを貼り付けます。ソースはローカルで読み込まれ、元の viewBox が保たれます。viewBox が無い場合は先に追加してください。

2

幅と高さを指定

目標の幅と高さを入力するか、比率の固定を有効にしたまま比例して拡大縮小します。プレビューに結果がそのまま表示されます。

3

結果を書き出す

リサイズした SVG をダウンロードするか、すぐに PNG を書き出します。icon-name-24.svg のように命名を統一すると、サイズ違いを管理しやすくなります。

SVG サイズ変更 オンラインのよくある質問

オンラインで SVG のサイズを変更するには？
上のエディターに SVG をドロップし、希望の幅と高さを入力するかパーセントで拡大縮小して、結果をダウンロードします。すべてブラウザー内で完結し、アップロードも登録も不要です。
サイズ変更で画質は落ちますか？
いいえ。SVG はベクター画像なので、拡大縮小で変わるのは座標だけであり、パスはどのサイズでも鮮明なままです。ラスタライズしないため、ぼやけや画質劣化はありません。
縦横比を保ったままサイズ変更できますか？
はい。比率を固定しておけば幅と高さが比例して変わり、アイコンやロゴが伸びたり余白が入ったりしません。枠のサイズを優先したいときだけ解除して個別に指定できます。
サイズ変更で viewBox はどうなりますか？
viewBox は保持され、必要に応じて更新されるため、変更後の SVG は CSS や HTML で正しく表示されます。切り取りや余分な余白、レイアウトのずれを防げます。viewBox が無いファイルは先に「viewBox を修復」してください。
幅と高さをピクセル単位で正確に指定できますか？
はい。ピクセル値を直接入力すれば、デザイン仕様やデザイントークン、コンポーネントのサイズに合わせられます。入力に合わせてプレビューも更新されます。
パーセントで拡大縮小できますか？
はい。パーセント指定は比率を保つため、Retina 用にアイコンセットの 2x・3x 版をすばやく作るのに便利です。
サイズ変更後に PNG へ書き出せますか？
はい。変更後の SVG をダウンロードするか、スライドや資料、SVG を表示しないプラットフォーム用に PNG を書き出せます。
この SVG リサイズツールは無料ですか？
はい。SVG Resize Online は完全無料で、登録も透かしもなく、ファイル数の制限もありません。
SVGView は SVG をアップロードしますか？
いいえ。サイズ変更はブラウザー内でローカルに実行され、ファイルが端末の外に出ることはありません。クライアント素材を守りつつ、オフラインでも作業できます。
ファイルサイズの上限はありますか？
最大 10MB 程度まで快適に動作します。非常に大きい、またはフィルターの多い SVG は描画に少し時間がかかります。先に最適化すると速くなります。

関連する SVG ツール

これらのツールで SVG サイズ変更を使用して、一貫したアセットを回転、最適化、エクスポートします。

SVG 回転・反転

SVG サイズ変更の前に方向を調整して、最終的な寸法がレイアウトと一致するようにします。これにより、回転後の幅と高さが予測可能になります。

ツールを開く

SVG オプティマイザー

出力を軽量に保つために、SVG サイズ変更後にファイルを圧縮します。ファイルが小さいほど、アプリやデザイン ツールでの読み込みが速くなります。

ツールを開く

SVG ビューア

SVG サイズ変更の前後でアセットをプレビューして、配置を確認します。グリッドの背景を使用してパディングを確認します。

ツールを開く

SVG から PNG

ラスター フォールバックが必要な場合は、SVG サイズ変更結果と一緒に PNG をエクスポートします。これはプレゼンテーションやドキュメントに便利です。

ツールを開く

関連 SVG ブログ

SVG ワークフロー、トラブルシューティング、本番運用の実践記事を続けて読めます。