SVGリサイズ / viewBoxエディター

新しいウェブサイトのレイアウトに合わせてSVGアイコンのサイズを調整したり、印刷プロジェクト用にロゴを拡大してもぼやけないようにしたいと思ったことはありませんか？当社のSVGリサイザーが最適なソリューションです。SVGはベクターベースのため、品質を一切損なうことなく任意のサイズに拡大縮小できます。この無料オンラインツールを使えば、SVGファイルの幅、高さ、viewBoxを瞬時に変更でき、どこで使用しても鮮明で完璧な見た目を保証します。

SVGリサイザーの使い方

このツールの使い方は非常に簡単です。SVGファイルをアップロードすると、新しい幅と高さをピクセル単位で入力するオプションが表示されます。一方の寸法を指定してアスペクト比を維持したまま自動計算させることも、両方をカスタム寸法に設定することもできます。また、viewBox属性を直接変更できるため、グラフィックの表示領域を正確に制御できます。変更が完了したら、リサイズされたSVGをすぐにダウンロードできます。

このツールを使用するタイミング

このツールは、さまざまなタスクで非常に役立ちます。ウェブ開発者やデザイナーは、レスポンシブレイアウトに合わせてアイコンやロゴをリサイズする必要が頻繁にあります。たとえば、ロゴはデスクトップのヘッダーでは150px幅が必要でも、モバイルのナビゲーションバーでは40pxしか必要ない場合があります。また、小さなウェブロゴを大きなバナー用に拡大する必要がある印刷用のグラフィックを準備する際にも不可欠です。UI要素のセットを作成する場合、このリサイザーを使用して単一のマスターファイルから異なるサイズを生成できるため、時間と労力を大幅に節約できます。ワークフローを支援するSVGベクターツールのスイートもご用意しています。

完璧なSVGリサイズのためのヒント

最良の結果を得るために、以下のヒントを参考にしてください：

• アスペクト比を維持する：ほとんどのロゴやアイコンでは、元の比率を維持する必要があります。新しい幅または高さを入力するだけで、ツールが自動的にもう一方の値を計算し、歪みを防ぎます。
• viewBoxを理解する：viewBoxはSVGキャンバス上のウィンドウのようなものです。これを調整することで、ベクターパスを変更せずに画像をトリミングしたり再構成したりする強力な方法となります。
• さまざまな用途に備える：SVGが適切なサイズになったら、別の形式が必要になるかもしれません。ウェブ用にはSVGからWebPコンバーター、ドキュメント用にはSVGからPDFツールの使用をご検討ください。
• その他のオプションを探す：画像やドキュメント変換のニーズに対応するため、当社の全ツールコレクションもぜひご確認ください。