表示と変換: SVG （無料）
Chrome、Firefox、Safari、Edgeでそのまま動作します。
Also from Innerscene: Circadian Lab, a free lighting calculator for room illuminance, melanopic EML, and glare.
SVGファイルとは？
SVG（Scalable Vector Graphics）は、解像度に依存しない図形のためのWeb標準です。ファイルは、長方形、円、パス、テキスト、グラデーション、パターン、クリップパス、マスクを記述するXMLで、CSSによるスタイル指定や、シンボルとuse参照による図形の再利用も使えます。ロゴ、アイコン、グラフ、地図、平面図、レーザーカッター用の図面はよくSVGで保存されます。
このビューアーはドキュメントをブラウザー内で解析し、ズームと移動ができる2Dシーンとして描画します。ドキュメントの変換スタックを適用し、埋め込みCSSを解決し、テキストをベースラインに沿って配置し、リンクまたは埋め込みの画像を所定の位置に置きます。ダウンロードが途中で切れたなど、途中で終わっているファイルは閉じてから、書かれている範囲まで描画します。
描画した図形はDXF、DWG、PDF、PNGまたはJPG画像としてエクスポートでき、SVGの図形をCAD、CNC、印刷のワークフローに渡せます。
SVGファイルを使う人
Figma、Illustrator、Inkscapeの出力を確認するWebデザイナーやグラフィックデザイナー、アイコンが空白になる原因を調べる開発者、レーザーカッターやビニールカッター用の図面を準備するメイカー、図やプランをSVGで受け取るエンジニア、コードエディターやデザインソフトを開かずにSVGを見たい人に使われています。
主な用途
- デザインソフトなしでSVGの見た目を確認する
- アイコンやロゴの書き出しを公開前に確認する
- SVGの図形をCADやCNC機械向けにDXFやDWGへ変換する
- 必要なサイズでSVGをPDFやPNGとして保存する
- ブラウザーのタブで空白や歪みが出るSVGを開く
- SVGの図面をリンクや埋め込みページとして共有する
機能
デザインソフトなしでSVGを開く
.svgをドロップするとブラウザー内で描画されます。Illustrator、Inkscape、コードエディターは不要です。
パス、図形、テキスト
すべてのパスコマンド、基本図形、パス上のテキストを含むテキストに対応します。
グラデーションとパターン
線形と放射状のグラデーション、タイル状のパターンを、ファイルの定義どおりに描画します。
クリップ、マスク、マーカー
クリップパス、マスク、線のマーカーを適用します。
シンボルと再利用された図形
シンボルとuse参照を解決するため、アイコンシートやスプライトファイルも全体が描画されます。
埋め込みCSS
ファイル内のスタイルブロックを、ブラウザーと同じように適用します。
画像を所定の位置に
SVGに埋め込まれたラスター画像を、ファイルが指定する位置に描画します。
途中で切れたファイルも描画
ダウンロードが途中で切れたなど、途中で終わるSVGは閉じてから、書かれている範囲まで描画します。
DXFとDWGにエクスポート
図形をCAD、レーザー、CNCのワークフローにDXFで、または当社のサーバーからDWGで渡せます。
PDF、PNG、JPGにエクスポート
図面をベクターのPDFページや、選んだサイズの画像として保存できます。
実寸を保持
ミリメートルやインチで作成された図面は、そのサイズをエクスポートに引き継ぎます。
アップロードなし
ファイルはお使いの端末上で読み込まれます。外部に送られるのは、リンクの共有を選んだ場合だけです。
互換性と形式について
ビューアーはSVGの描画に関わる部分に対応しています。すべての曲線コマンドを持つパス、基本図形、破線、端点、結合を指定した線、2種類の塗りつぶし規則を持つ塗り、線形と放射状のグラデーション、パターン、クリップパス、マスク、マーカー、グループ、シンボルとuse参照、埋め込まれたCSSスタイルブロック、パス上のテキストを含むテキスト、そしてCSSのブレンドモードを持つラスター画像です。
テキストはブラウザーにある最も近いフォントで描画されるため、お使いのパソコンにないフォントを指定したファイルは代替フォントで表示されます。スクリプトとアニメーションは実行されないので、アニメーションSVGは最初のフレームを表示します。ミリメートルやインチで作成された図面は、そのサイズをエクスポートに引き継ぎます。
圧縮SVG（.svgz）やZIPの中のSVGも開けます。
ウェブサイトへの埋め込み
HTMLを1行追加して、このビューアーをサイトに埋め込めます。ツールバーの埋め込みボタンでコードを生成するか、下の例にファイルのURLを指定してください。
ファイルはお使いのコンピューター内で処理
ファイルの処理はすべてブラウザー内で行われます。共有ボタンを選択すると、リンクを作成するためにファイルがアップロードされます。共有ファイルは90日間保存された後、削除されます。
よくある質問
▶SVGファイルを開くにはどうすればよいですか？
このページにドロップしてください。ビューアーがブラウザー内で描画し、ズームと移動ができます。インストールは不要です。
▶SVGをDXFやDWGに変換できますか？
はい。エクスポートをクリックしてDXFまたはDWGを選んでください。DWGはビューアーが書き出したDXFから当社のサーバーで変換されます。曲線はCADの曲線になるため、作図に加えてレーザーやCNCの切断にも使えます。
▶デザインアプリと表示が違うのはなぜですか？
多くは、ファイルが指定していてもこのパソコンにないフォントや、ビューアーが適用しない効果が原因です。テキストをアウトライン化して書き出したファイルは、どこでも同じ見た目になります。
▶エクスポートしたファイルは実寸を保ちますか？
はい。図面がミリメートルやインチなどの単位で幅と高さを宣言している場合です。ピクセルだけで指定された図面は、ピクセルサイズでエクスポートされます。
▶画像が埋め込まれたSVGも開けますか？
はい。SVGにデータとして埋め込まれたラスター画像は所定の位置に描画されます。URLでリンクされた画像は、お使いのブラウザーからそのアドレスに到達できる場合に読み込まれます。
▶どの形式にエクスポートできますか？
ツールバーのエクスポートをクリックすると、図面をDXF、DWG、PDF（ベクターのページ）、単体のHTMLページ、PNGまたはJPG画像として保存できます。