SVGをオンラインでリサイズする方法
- エディタを開きます。 rayzia.com にアクセスし、エディタを次の場所で開きます: /vector/。インストール不要、開始にアカウントも要りません。Windows、Mac、Linux、ChromeOS、タブレットのどのブラウザでも動作します。
- SVGをドラッグして読み込みます。 ファイルをキャンバスにドロップするか、「ファイル」→「開く」を使います。RayziaはネイティブSVGとして読み込むため、図の各パーツはロックされた画像ではなく、それぞれ編集可能なオブジェクトとして届きます。
- リサイズしたい対象を選択します。 キーは Ctrl+A で全選択するか、空のキャンバスから掴みたい部分を横切るようにドラッグして囲みます。ハンドル付きの選択ボックスが表示されます。
- ハンドルまたは数値で拡大縮小します。 コーナーハンドルをドラッグし、縦横比を保つには Shift を押したままにします。正確に変えたい場合は、拡大・縮小ツールで幅と高さの倍率を直接指定できます。2で2倍、0.5で半分にし、「適用」を押します。
- アートボードを合わせてエクスポートします。 ページを新しいサイズに合わせたい場合は、 Shift+O でアートボードツールに切り替え、ボードのハンドルをドラッグするか、A4やFull HDなどのプリセットを選びます。エクスポートはボードでクリップされ、SVGとPNGのエクスポートは無料です。
アートワークをリサイズするか、ページをリサイズするか
「SVGのリサイズ」には2つの意味があり、Rayziaはどちらにも対応します。ひとつめは図そのものの拡大縮小。選択してコーナーハンドルをドラッグするか、数値が必要なときは拡大・縮小ツールを使います。幅と高さの倍率を受け付け、「+ コピー」ボタンなら複製に適用されるので元の図はそのまま残ります。
ふたつめはページの変更です。Rayziaのページはアートボード、つまり無限キャンバス上の名前付き長方形で、コンテナではなくクロップ枠として働きます。キーは Shift+O でアートボードツールに切り替え、コーナーや辺のハンドルをドラッグしてボードをリサイズするか、オプションバーのプリセット(A4、Letter、IG Post、IG Story、YouTube、Full HD、Square)を選びます。横には縦向き・横向きの切り替えボタンもあります。「アートボードと一緒にアートワークを移動」トグルで、図がボードに付いて動くかどうかを決められます。ページをアートワークにぴったり合わせたいときは、「選択範囲をアートボードに変換」が選択した各オブジェクトのバウンディングボックスに合ったボードを作成します。エクスポート時、ボードの外にあるものは削除されずクリップされるだけなので、ファイルの最終的なフレーミングはアートボードでコントロールできます。
リサイズしても画質が保たれる理由
ラスター画像はピクセルの格子なので、リサイズは再サンプリングを意味し、エッジがぼやけたりジャギーが出たりします。SVGは代わりにジオメトリを保存しています。拡大縮小すると数値が再計算され、ファビコンだろうとポスターだろうと、新しいサイズでシェイプがきれいに描き直されます。Rayziaはファイルを終始ベクターのまま保ちます。パスはパスのまま、テキストは打ち直せるテキストのまま。エクスポートされるSVGには余計なゴミはなく、あなたのアートワークだけが入ります。どの操作もアンドゥ1回で戻せ、エディタは作業中に自動保存し、接続が切れても動き続けます。最後にラスター版が必要なら、PNGエクスポートは透過を保持します。
SVGのリサイズ: よくある質問
SVGのリサイズは無料ですか?
はい。リサイズに必要なのは無料プランだけで、すべてのツール、AIアシスタント、SVG・PNGエクスポート、クラウドファイル3件が含まれます。PDFエクスポートや無制限のクラウドファイルが必要なら、Proは月額 $8 です。
SVGをリサイズすると画質は落ちますか?
いいえ。SVGはベクター形式で、シェイプはジオメトリとして保存され、新しいサイズで描き直されるだけです。引き伸ばされるピクセルが存在しないので、同じファイルがファビコンでもポスターでもシャープなままです。
ピクセルやミリメートルで正確な寸法を指定できますか?
シェイププリミティブなら可能です。長方形のオプションバーにはWとHのフィールドがあり、単位は px、pt、mm、cm、in から選べます。任意のアートワークには、拡大・縮小ツールが幅と高さの正確な倍率を適用するので、開始サイズが分かっていれば狙った寸法にぴったり合わせられます。アートボードのプリセットはA4やLetterなどの標準サイズをカバーします。
SVGの一部だけをリサイズできますか?
はい。ファイルは個別の編集可能なオブジェクトとして開かれるので、目的のものをクリックするか、Shift+クリックで選択に追加します。コーナーハンドルをドラッグすれば選択したものだけが拡大縮小され、Shiftを押したままにすると縦横比が保たれます。