無料オンラインSVGエディター

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

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

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

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

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

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

クリック操作より言葉で指示したいときは、ClaudeやGPTなど、すでに持っているAIアカウントを接続すれば、目の前でキャンバスに直接描画や色変更をしてくれます。自分のキーで動くので追加料金は不要で、どの編集もアンドウ1回で戻せます。主役はあくまでSVG。AIは手を貸してほしいときにそこにいる存在です。

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

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

無料プランには全ツール、AI、クラウドファイル3つが含まれます。さらに必要なら、Proは月額$8で、無制限のクラウドストレージ、30日間のバージョン履歴、ウォーターマークなしの共有リンク、印刷用PDF書き出しが加わります。ただし、SVGを開く・編集する・書き出すのにProが必要になることはありません。

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

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

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

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