ローカルで変換。ブラウザで共有。

資料も、図面も。ブラウザで、ひらく。

作ったソフトがなくても、内容を確かめられる。

PDF、Word、Excel、PowerPoint、図やCADを、1ページずつSVG画像に。document-svgは、さまざまな文書の「見る」をそろえる、オープンソースの変換モジュールです。

ファイルを外部に送らず変換Node.js / Python / Rust / CLI
↳document → SVG実際の変換結果
sample.xlsx → .svg
Excelの先頭印刷ページの変換結果。
sample-metrics.chart.json → .svg
公式のグラフサンプルから生成されたSVG。
sample.pptx
スライドの2ページ目。図形とテキストを含む実際の変換例。
✓
1 page → 1 SVG変換結果を、そのまま表示
01 — 08入力形式が違っても、表示の仕組みはひとつに。
269開けるファイル形式
26SVGから書き出せる形式
1 → 11ページにつき1枚のSVG
LOCAL自分の環境で変換

形式数は公式サイト掲載値(2026年10月確認)。描画範囲や再現度は形式ごとに異なります。

仕組みが変わると、使い方が変わる。

「ファイルを開く」を、
もっと身軽に。

たとえば、届いた図面を確認したいだけなのに、対応するソフトがない。社内システムに資料を表示したいのに、形式ごとに処理が違う。そんなとき、先にSVGへ変換しておくと、受け取る側はブラウザで確認できます。

document-svgは、文書を編集するアプリではなく、手元の作業やシステムに組み込んで使う変換部品です。

01

ファイルは、自分の管理下で。

変換処理は手元のPCや自社サーバーで実行します。入力文書を外部の変換サービスへ送る必要がないので、社外に持ち出せない資料のプレビューにも利用できます。

02

見る人には、ブラウザがあれば。

出力は一般的なSVG画像です。Webページには画像として配置でき、閲覧側にOfficeやCADソフトは不要。線や図形などのベクター部分は、拡大しても滑らかに表示できます。

03

再現できなかったことも、わかる。

代替したフォント、省略した要素、近似した処理はレポートに記録します。変換が成功したかだけでなく、どのページを見直すべきかまで確認してから共有できます。

01 / 実物で確かめる

文書の違いを、
ひとつの見方に。

スライド、帳票、図、3Dモデル。タブを切り替えて、実際に生成されたSVGの見え方をご覧ください。

すべての公式サンプル

インストールせずに試したい方へ公式のブラウザデモなら、PDF・Word・Excel・PowerPointをブラウザ内で変換できます。ファイルのアップロードは不要です。

自分のファイルで試す

02 / 自分の仕事に置き換える

何に使うかで、
価値が見えてくる。

便利そう、で終わらせないために。よくある困りごとから、実際の使い始め方まで。

01資料を用意↳手元で変換03ブラウザで確認

「このファイル、開けますか?」を減らす。

こんなときに

会議の資料はPowerPoint、見積書はExcel、設計図はDXF。確認する人全員が、同じソフトを持っているとは限りません。

こう使えます

作成側でページごとのSVGへ変換し、社内ポータルやWebの共有画面に配置します。閲覧者はブラウザで開けるので、資料ごとに専用アプリを探す手間を減らせます。

はじめの一歩

まず1つのファイルをCLIで変換し、SVGの見た目と変換レポートを確認。社内の共有ルールに合う場所へ掲載します。

CLIでの始め方を見る

03 / 何が出てくるのか

1ページ、1枚のSVG。
確認のためのレポートも。

文書の形式は違っても、受け取る出力は同じです。ページを画像として扱い、変換の限界はレポートで確認できます。

01

ファイルを渡す

PDFの1ページ、PowerPointの1スライド、Excelの印刷1ページ。それぞれの区切りをもとに変換します。

02

自分の環境で変換

CLI・APIから実行。ブラウザ内で処理したい場合は、PDF・Office向けの別ビルド(WASM)もあります。

03

表示して、警告を確認

SVGはブラウザで開けます。conversion.jsonにはページ数やwarningsが入り、省略・近似の有無を確認できます。

出力構成の例~/out/slides
page-0001.svg
page-0002.svg
{ }conversion.json
スライドの2ページ目。図形とテキストを含む実際の変換例。ブラウザで表示
変換レポート

省略・近似があれば warnings を確認

warnings

04 / 使いたい形式を確認

いつもの文書から、
技術のファイルまで。

同じ「対応」でも、再現できる範囲は形式ごとに違います。まずは普段使う形式を見つけ、詳しい対応表で確認してください。

6 分類を表示
分類代表的な形式・拡張子どのように使えるか
AaPDF・Office
.pdf.docx.xlsx.pptx.odt.ods.odp

ページ・印刷設定に沿って画像に。Officeと完全に同じ組版を保証するものではありません。

↳図表・ダイアグラム
.drawio.vsdx.mmd.puml.d2.dot

構成図やフロー図をSVGに。図をソースと一緒に管理する使い方にも。

⌁CAD・CAM
.dxf.gbr.gcode.plt

図面・基板・加工パスを確認。一部形式は描画ではなく内容の概要を出力します。

◇3D・BIM
.stl.obj.step.iges.gltf.ifc

3Dモデルや建築データを確認用に描画。対応する要素は形式ごとに異なります。

⌘データ・数式
.csv.json.yaml.tex.geojson

表・グラフ・数式・地図を、Webやレポートに掲載できるSVGへ。

▧画像
.png.jpg.tiff.webp.svg.dcm

画像も共通の出力へ。元がラスター画像の場合、拡大時の精細さは元画像に依存します。

ここでは代表的な形式を紹介しています。全269形式の対応範囲・再現度は公式の一覧をご確認ください。

公式の全対応形式を確認

05 / 最初の1ファイルから

あなたの環境で、
使い始めよう。

まずはサンプルをひとつ変換して、表示と警告を確かめる。それから、いつもの作業やアプリにつなげていきましょう。

使い始める

コマンドで試すならCLI。開発中のアプリから呼ぶなら、使っている言語に合うパッケージを選んでください。

WindowsmacOSLinux
CLIの実行ファイルを入手
03
結果を確認する

SVGをブラウザで開き、conversion.jsonのwarningsも確認します。警告がある場合は元文書と見比べてから共有してください。

Rust環境がある場合。Rustを入れずに使うなら、OSに合う実行ファイルをReleasesから取得し、docsvgをPATHに追加します。

01 / インストール
cargo install document-svg --locked
02 / 変換してみる
docsvg slides.pptx --output out/slides

# SVGをブラウザで開き、レポートも確認
# out/slides/page-0001.svg
# out/slides/conversion.json

出力先は新規または空のフォルダーを指定してください。

詳しい手順

AIにも、文書を確認する決まった手順を。

Codex・Claude Codeから「ページに変換 → 警告を確認 → 内容を確認」の流れを利用できます。

AI・GitHub連携を見る

知ってから、使う。

できることと、
その限界を。

安全性と制限
元の文書と完全に同じ見た目になりますか?

完全再現を保証するものではありません。未対応の要素やフォントの違いにより、レイアウトが変わることがあります。変換後のページとwarningsを確認してください。PDFの埋め込み文字をアウトライン化するオプションもありますが、その文字はテキストとして編集・検索できなくなります。

SVGにすると、文字を選択したり検索したりできますか?

通常のSVGには文字情報を保持できます。ただし、このサイトのように画像(img要素)として表示した場合、画像内の文字を選択・検索することはできません。文字の抽出や検索は、表示とは別に設計する必要があります。

SVGからOfficeへ戻すと、元どおり編集できますか?

逆変換は、SVGの見た目をPowerPointやWord、Excelなどのファイルにまとめる機能です。元の段落、セル、数式、グラフの構造は復元しません。draw.ioは例外で、変換時に元データを埋め込む指定をすると、編集可能な図として復元できます。

文書は外部へ送られますか?

変換コアは、入力文書を外部の変換サービスへ送信しません。自分のPCや管理するサーバーで実行できます。生成したSVGをWebに掲載する場合は、その公開範囲を利用者側で管理してください。このサイトの「自分のファイルで試す」は、ブラウザ内で処理する公式デモへのリンクです。

公開サービスで、利用者のファイルを受け付けても大丈夫ですか?

マクロやスクリプトを実行せず、入力・展開サイズやページ数に上限を設けています。ただし、それだけで安全を保証するものではありません。信頼できないファイルは、時間とメモリを制限した分離プロセスで変換してください。SVGは画像として表示し、未検査のSVGソースをHTMLへ直接挿入しないでください。

商用アプリや社内システムでも使えますか?

MITまたはApache-2.0のどちらかを選んで利用できます。再配布の際は、選択したライセンスが求める著作権表示・ライセンス文を保持してください。同梱されている依存ライブラリの通知も、公式リポジトリで確認できます。

document-svg

そのファイルの、
次の使い道へ。

まずは、いつもの文書をひとつ。
ブラウザで見える形にするところから。

使い始めるソースコードを見る

大きく見る

100%
スライドの2ページ目。図形とテキストを含む実際の変換例。

表示倍率を上げると、スクロールして細部を確認できます。