SVGファイルをオンラインで編集

ファイルはもう手元にある。色をひとつ変えたい、文字を一語直したい、パスを少しずらしたい、そのために2GBのアプリをインストールしたくはないはずです。Rayziaならブラウザ上でSVGをオンライン編集できます。ファイルをドロップすると、ただ眺めるだけの平面画像ではなく、実際に編集できるパス・ノード・テキストとして開きます。変更を加えて、きれいなSVGとして書き出せば完了。Pro はクレジットカード不要で14日間試せます。

RayziaでSVGファイルを編集する方法

  1. エディタを開く。 rayzia.comにアクセスし、/editor/ のエディタを開きます。ダウンロード不要で、Google またはメールアドレスで登録すればすぐ始められます。Windows・Mac・Linux・ChromeOS・タブレットのどのブラウザでも動作します。
  2. .svgを開くかドラッグで読み込む。 ファイルをキャンバスにドラッグするか、「ファイル」→「開く」を使います。RayziaはネイティブSVGとして読み込むため、すべての図形・パス・文字がロックされた画像ではなく、それぞれ編集可能なオブジェクトとして開きます。
  3. 編集したい部分を選択して編集する。 要素をクリックして選択します。塗りや線を変えてSVGの色を変更したり、テキストをその場で打ち直したり、ペンに切り替えてベジェのノードをドラッグしてパスを変形したり。ハンドルをドラッグすればサイズ変更もできます。どの操作もアンドゥ1回で戻せます。
  4. きれいなSVG、またはPNGで書き出す。 「書き出し」からSVGを選べば整ったファイルが得られ、ラスター画像が必要ならPNGも選べます。書き出しは無料プランでも無制限(クラウド保存容量は限定)で、Pro なら PDF も選べます。

ビューアではなく、本物のエディタ

SVGを表示するだけのサイトはいくらでもあります。しかし、SVGを実際に加工して使えるファイルとして受け取れるサイトはずっと少ない。RayziaのドキュメントはSVGそのものなので、開いたファイルがそのまま編集対象です。パスはパスのまま、テキストは打ち直せるテキストのまま残ります。

それが最も効くのは、小さいのに厄介な修正のときです。アイコンセットの色替え、ロゴのワードマーク差し替え、コンバータが残したガタつくカーブの整え直し。実際のジオメトリの上で編集するため、書き出したSVGには余計なゴミではなくあなたのアートワークだけが含まれます。この背後にあるフルツールセットを知りたい方は、こちらの SVGエディタ と、搭載ツールの一覧をご覧ください。

いつものブラウザで動く

SVGをオンライン編集するのに必要なのはタブひとつだけ。RayziaはSkiaによるGPUアクセラレーションで動くため、要素の多いファイルをパンしてもノートPCでもなめらかです。作業中は自動保存され、接続が切れても動き続けます。

必要になれば、その先の機能も揃っています。レイヤー、複数アートボード、グラデーション、独自フォントのアップロード、タイ語などの複雑スクリプトの正しい表示、再利用できるシンボル、150+のライブエフェクト。1行の色修正ならほとんど触れずに済みますし、それで構いません。小さな編集が本格的なプロジェクトに育った日のために、そこにあります。

SVG編集についてのよくある質問

何もインストールせずにSVGファイルをオンライン編集できますか?

はい。Rayziaはrayzia.comで完全にブラウザ内で動作します。エディタを開き、.svgをドラッグして、変更を加えて書き出すだけ。ダウンロードは不要で、Windows・Mac・Linux・ChromeOS・タブレットで動作します。

SVGの色を変更するには?

Rayziaでファイルを開き、色を変えたい図形やパスをクリックして、新しい塗りまたは線の色を設定します。1つの要素だけでも、複数まとめてでも変更できます。仕上がりに満足したらSVGとして書き出せば、新しい色がファイルに反映されます。

編集してもSVGは本物のベクターパスのまま残りますか?

はい。RayziaのドキュメントはネイティブSVGなので、ファイルはフラット化された画像ではなく、編集可能なパス・ノード・テキストとして開きます。ベジェのノードを動かし、テキストを打ち直し、画質を落とさずにサイズ変更して、きれいなSVGとして書き出せます。

SVGの編集と書き出しは無料ですか?

書き出しは無料プランでも無制限で、SVG、PNG、JPG、WebP に対応します。ノード、パス、個々の図形の編集は Vector モードで、無料で使えます。Pro(月額 $8 または年額 $72)には、より多くのクラウド保存容量、PDF 書き出し、プレミアムテンプレートと素材、Agent Connect が含まれ、クレジットカード不要で14日間試せます。

AIに編集を手伝ってもらえますか?

はい。ClaudeやGPTなど、すでにお持ちのAIアカウントを接続すると、あなたが見ている前でキャンバス上に直接描画・色替え・配置・編集を行います。どの変更もアンドゥ1回で戻せます。

タブを開いて、次のデザインを始めよう。

ブラウザですぐに開けて、インストールは不要。Design は無料で、Pro はクレジットカードなしで14日間試せます。