オンラインSVGエディター

ブラウザでSVGを開いても、ファイルは標準のまま

多くの『SVGエディター』は、ファイルを開いた瞬間に独自形式へ変換し、書き出すときには劣化したコピーを渡してきます。Rayziaはそれをしません。編集しているドキュメントはSVGそのものです。ここでブラウザでSVGを開くと、フラット化されたプレビューではなく、ファイルに含まれる実際のパス・グループ・グラデーション・テキストがそのまま手に入ります。

これは、ファイルを別の場所で使う必要があるときに効いてきます。コードリポジトリに入るアイコンセット、印刷所に渡すロゴ、Web制作に組み込むアートワーク。どれも有効なSVGを前提としており、Rayziaはそれをそのまま出力します。フォーマットがオープンなままなので、ロックインはありません。いつでも他のベクターソフト、あるいはブラウザに持って行っても、同じファイルのまま使えます。

本格的なベクターツールでSVGをオンライン編集

SVGのオンライン編集といえば、塗り色を少し変えられるだけのビューアーか、まずダウンロードが必要なフル装備のデスクトップアプリか、たいていそのどちらかです。Rayziaは、本当に作業がはかどるちょうど中間に位置します。50以上のツールと150以上のライブな非破壊エフェクトを備えており、ちょっとした微調整ではなく、ファイルを本格的に作り直せます。

個々のベジェノードとハンドルを直接動かせます。パスを変形し、エフェクトが焼き込まれることはないので、1週間後にまた変形し直すこともできます。線形・放射状・メッシュのグラデーションでカラーを組み直し、カリグラフィやブラシツールで描き、ブール演算やシェイプビルダーを実行し、パス上にテキストを配置し、自分のフォントを読み込めます。タイ語などの複雑な文字体系も正しくレンダリングされます。複数アートボード、レイヤー、再利用可能なシンボル、名前付きのヒストリーパネルで、大きめのドキュメントも管理しやすくなります。

Agent Connect は、Claude Code、Codex などの MCP エージェントを、ブラウザで開いている Rayzia エディタにつなぎます。エージェントはページを読み、エディタ自身のツールで描き、結果を確かめます。あなたは変更が入るたびにその場で見て、いつでも自分で引き継げます。Pro と 14 日間のトライアルに含まれます。

SVGの書き出しは無料、PNGも無料

SVGはいつでも無料で書き出せます。エディター由来の余計な記述だらけではなく、きれいな出力が得られるので、ファイルサイズは適正に保たれ、後から誰かが開いてもマークアップが読みやすいままです。PNG書き出しも無料で、Webやモックアップに必要な解像度を選べます。

無料プランには Design モードのすべてと、無制限の書き出しと限られたクラウド保存容量が含まれます。さらに必要なら、Pro は月額 $8 または年額 $72 で、より多くのクラウド保存容量、PDF 書き出し、プレミアムテンプレートと素材、Agent Connect が加わります。SVGを開いて書き出すのにも、Vector モードでノードやパスを編集するのにも Pro は要りません。

インストール不要、作業しながら自動保存

RayziaはWebサイトのように開きます。ダウンロードもライセンスキーもセットアップも不要。これこそ、複数のマシンにデスクトップ版を維持する代わりにSVGをオンラインで編集する理由です。描いている間に作業内容は端末へ自動保存され、タブを開いたままならオフラインでも動き続けます。

CanvasKit経由のSkiaで構築され、GPU上で動作するため、密度の高い図面のパン操作やノードのドラッグもカクつかずスムーズです。エディターを開き、ファイルをドロップして、すぐに始めましょう。

SVGのオンライン編集についてのよくある質問