オンラインSVGビューア:SVGファイルを開いて確認する

Windowsでは .svg がプレビューのない真っ白なアイコンで表示されがちで、中身をちょっと見たいだけのときには役に立ちません。ファイルをRayziaにドラッグすると、ブラウザ内で本物のドキュメントとして開きます。自由にズームやパンができ、アートワークはベクターとして描画されるのでエッジはくっきりしたまま。ファイルはサーバーにアップロードされるのではなく、ブラウザ内でローカルに開かれます。そして中を見ていて直したい箇所が見つかったら、あなたの手にはすでにフル機能のエディタがあります。

ファイルを開いて、ちゃんと見る

Windowsのエクスプローラーは .svg を汎用アイコンで表示するのが普通で、ダブルクリックするとブラウザのタブに渡され、固定サイズで表示されるだけです。Rayziaは同じファイルをドキュメントとして扱います。キャンバスにドラッグすると、すべての図形とテキスト行がそれぞれ独立したオブジェクトとして無限キャンバス上に配置され、縁のルーラーで位置がつかめます。必要なだけズームしてください。アートワークは事前に焼き込まれたビットマップではなくベクターとして描画されるので、200%で見た極細の線も100%のときと同じくらいきれいです。作業中は自動保存され、接続が切れても動き続けます。

SVGファイルをオンラインで開いて表示する手順

  1. エディタを開く。 rayzia.com にアクセスし、次の場所でエディタを開きます: /vector/。Windows、Mac、Linux、ChromeOS、タブレットのどのブラウザでも動作し、インストール不要、開始にアカウントも要りません。
  2. .svg をドラッグで読み込む。 ファイルをキャンバスにドロップするか、「ファイル」→「開く」を使います。RayziaはネイティブSVGとして読み込むため、すべての図形と文字はロックされた画像ではなく、それぞれ独立したオブジェクトとして取り込まれます。
  3. 表示を合わせる。 「表示」▸「ズーム」に、ページに合わせる・描画に合わせるから100%や200%といった固定倍率まで、表示コマンドがまとまっています。ズームツール(Z)を選ぶと同じコマンドがオプションバーに並ぶので、たいていはそちらのほうが早く使えます。
  4. 移動して確認する。 手のひらツールでパンすると、アートワークに触れずにビューポートだけが動きます。何でできているか見たいときは、選択ツール(V)でクリックするか、 F2 を押してパスのアンカーとハンドルを間近で確認します。
  5. タブを閉じるか、変更したなら書き出す。 見るだけなら費用はかからず、ディスク上のオリジナルはそのまま残ります。変更した場合は、「ファイル」▸「書き出し」で結果をSVG、PNG、JPGとしてダウンロードできます。

必要になった瞬間にエディタになるビューア

SVGを表示してくれるサイトはいくらでもあります。違いが出るのは、ラベルの誤字や色違いの図形など、おかしな点に気づいた瞬間です。RayziaはファイルをネイティブSVGとして開いているので、テキストは打ち直せるテキストのまま、パスはパスのまま。選択ツール(V)でオブジェクトをクリックすれば、別のアプリを介さずその場で直せます。最初のワンクリックの先には 50+ のツール と150+ のエフェクトが控えていて、ちょっとした手直しが本格的な編集に育っても対応できます。終わったら「ファイル」▸「書き出し」でSVG、PNG、JPGをダウンロード。PNGは透過を保持し、JPGはJPEGにアルファがないため背面に白背景が敷かれます。「ファイル」▸「スクリーン用に書き出し」ならさらに進んで、無料プランでWebP、Proでは1xを超えるスケールとPDFが使えます。

SVGの表示:よくある質問

このSVGビューアは無料ですか?

はい。表示は無料で、無料プランにはすべてのツールとAIアシスタント、クラウドファイル3件、標準解像度のSVG・PNG書き出しも含まれます。Proは月額$8で、PDF書き出し、より高解像度の書き出しスケール、無制限のクラウドファイル、ウォーターマークなしの共有リンクが追加されます。

表示するときファイルはどこかにアップロードされますか?

いいえ。エディタは完全にブラウザ内で動作し、ドラッグしたファイルはサーバーに送られるのではなくローカルに開かれます。自動保存はそのデバイスのブラウザストレージにスナップショットを書き込むもので、クラウドコピーはサインイン済みアカウント向けの別の任意ステップです。

とても大きい、あるいは細かいSVGファイルも表示できますか?

キャンバスは無限で、アートワークはベクターとして描画されるため、密度の高い部分にズームしてもエッジはピクセル化せずくっきりしたままです。全体を見直したいときは、「表示」▸「ズーム」に描画に合わせる・ページに合わせるコマンドがあります。

表示だけでなく編集したい場合は?

すでに正しい場所にいます。選択ツールでオブジェクトをクリックしてその場で変更でき、テキストは打ち直せるテキストのままです。手直しが大きくなっても、その先には50+ のツールと150+ のエフェクトがあり、「ファイル」▸「書き出し」で結果をSVG、PNG、JPGとしてダウンロードできます。