UltKit

PDFをSVGに変換

デザインソフトやOfficeソフトで作られたPDFのページは、もともとベクター図形で構成されています。この変換ツールは、その図形・曲線・文字をページごとに1つのSVGファイルへそのまま移すので、どんなサイズにも拡大縮小でき、ベクター編集ソフトで編集したり、カッティングマシンに送ったりできます。

PDFを画像に変換

またはPDF ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力
dpi

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    PDFをアップロード

    Illustrator、InDesign、Word、Excel、AutoCADなどから書き出したPDFを追加します。1回に最大20ファイル、1ファイルあたり95 MBまで処理できます。

  2. 2

    フォントの扱いを選ぶ

    テキストは初期設定では編集可能な本物のテキストのまま残ります。PDFのフォントが入っていないパソコンでSVGを開く場合や、カッティングマシンで切り抜く場合は、詳細設定のテキストをアウトライン化にチェックを入れてください。

  3. 3

    SVGに変換

    SVGに変換 を押します。各ページが個別の.svgファイルになり、ページ順にZIPへまとめられます。1つの図面だけが必要な場合は、ページに範囲を指定してください。

PDFから作るSVGのベクター度は、元のPDF次第です。入力したテキストや描画された図形は拡大縮小できますが、スキャンや写真は画像としてSVGに包まれて出力されます。

PDFからSVGへの変換の仕組み

PDFとSVGは、グラフィックをとてもよく似た方法で記述します。どちらも、直線とベジェ曲線によるパス、塗りと線、名前付きフォントのテキスト、ページに写真がある場合の埋め込みラスター画像を保持します。一方から他方への変換は、主にPDFのページ記述の描画命令をSVGのXML要素へ置き換える作業です。そのため、ベクターの内容は品質を保ったまま変換され、どれだけ拡大してもくっきり表示されます。

ただし、多くのPDFは実はベクターではありません。オフィスのコピー機でスキャンした書類、PDFとして保存したスマホの写真、画像からPDFに印刷したページは、ページ上に画像があるだけです。このようなページを変換すると、画像要素だけを含む有効なSVGができますが、中身は依然としてピクセルで、元のJPGと同じく編集できません。よくある種類のPDFから何が得られるかは、表をご覧ください。

SVGは2001年からW3C標準であり、最新のブラウザ、Inkscape、Adobe Illustrator、Affinity Designer、Figmaのすべてで開けます。そのため、アイコン、図表、レーザーやビニールのカッティングで標準的に受け渡される形式となっており、元ファイルが共有されない場合にPDFをSVGに変換する方法が検索される理由でもあります。

PDFページがSVGでどうなるか
PDFページの作成元SVGの内容ベクターとして編集できる?
Word、Googleドキュメント、InDesignの書き出しテキストと、ベクターの線や表の罫線はい
Illustrator、Inkscape、Affinityの書き出し描かれたとおりのパス、塗り、グラデーションはい
ExcelやPowerPointのグラフ棒、軸、ラベルが図形とテキストで再現されるはい
PDFに書き出したCAD図面数千本の線分(レイヤーごとにまとまる場合あり)はい(重くなることあり)
オフィスのスキャナーやスマホのスキャンアプリ埋め込みラスター画像1枚いいえ
混在したパンフレットのページベクターのテキストと、埋め込み写真の周りの枠一部のみ

PDF

Portable Document Format

PDF は1993年に Adobe が作成し、2008年にオープンな ISO 32000 標準になりました。テキスト、フォント、画像、レイアウトを固定するため、どの画面でもプリンターでも文書が同じ見た目になります。フォーム、署名、リンク、添付ファイル、検索可能なテキストを含められ、PDF/A という種類は長期保存に使われます。レイアウトが固定されているため編集しにくく、スキャンした PDF は OCR を適用しない限り画像だけです。すべてのブラウザと OS で開けます。

圧縮方式
–
透過
対応
アニメーション
非対応
登場時期
1993 · Adobe
PDF 変換

SVG

Scalable Vector Graphics(SVG)

SVGは、2001年に W3C が標準化した XML ベースのベクター形式です。ピクセルではなく図形、パス、テキストを記述するため、どんなサイズでも鮮明で、ロゴやアイコンでは通常とても小さなファイルになります。透過、CSSによるスタイル指定、スクリプト、アニメーションに対応し、すべてのブラウザーがそのまま表示できます。写真には向かず、複雑なイラストは描画が遅くなることがあります。Illustrator、Inkscape、Figma、ブラウザーで開いて編集できます。

圧縮方式
–
透過
対応
アニメーション
対応
登場時期
2001 · W3C
SVG 変換

完成した文書にあるロゴ、グラフ、間取り図、イラストを、元のソースファイルを入手せずに、WebやFigma、カッティングマシンで使える編集可能で拡大縮小に強いグラフィックとして再利用するために、デザイナーはPDFをSVGに変換します。

PDFのSVG変換に関するよくある誤解

誤解どんなPDFでも編集可能なベクター図面になる。

事実PDFの中でベクターだった部分だけがベクターのまま残ります。スキャンしたページは埋め込み画像として出力されます。

誤解DPIを上げるとSVGが鮮明になる。

事実ベクターのパスには解像度がないため、DPIをどう設定しても、PDFが記述している以上に線や文字が鮮明になることはありません。

誤解アウトライン化した文字も検索できる。

事実テキストをアウトライン化すると文字は図形になります。どこでも正しく表示されますが、テキストとして選択、検索、編集はできません。

誤解SVGは常にPDFより小さい。

事実SVGはプレーンなXMLテキストで、要素ごとにスタイルを繰り返し記述します。地図やCAD図面のように小さなパスが多いページでは、PDFの数倍の大きさになることも珍しくありません。

PDFをSVGに変換:よくある質問

PDFをSVGに変換すれば、スキャンしたページも編集できるようになりますか?

できません。スキャンは紙を撮影した写真なので、SVGにはその写真がそのまま入るだけです。スキャンしたロゴや図面から本物のベクター図形を得るには、ページをPNGに変換し、輪郭をパスとして描き直すPNGをSVGに変換でトレースしてください。

PDFがベクターかどうかはどう確認できますか?

PDFビューアで800%以上に拡大してみてください。文字や線がくっきりしたままならベクターで、パスとして変換されます。ピクセルのブロックに見えるなら、その部分は埋め込み画像です。簡単な確認方法として、カーソルで文字を選択できるなら本物のテキストです。

SVGの文字が違うフォントで表示されるのはなぜですか?

テキストが残ったSVGは、ビューアにフォント名でフォントを要求します。開くパソコンにそのフォントがないと代替フォントが使われ、文字間隔がずれます。テキストをアウトライン化にチェックを入れて変換し直すと、文字が図形になり、どの環境でも同じ見た目になります。

SVGはCricut Design SpaceやSilhouette Studioで使えますか?

Cricut Design SpaceはSVGのアップロードに対応しており、Silhouette StudioはDesigner Edition以上でSVGを読み込めます。文字が図形として切り抜かれるよう、先にテキストをアウトライン化してください。白い背景を含め、塗りのある領域はすべてマシンが切れる対象になる点にもご注意ください。

複数ページのPDFを1つのSVGに変換できますか?

できません。SVGにはページという概念がないため、各ページが別々のファイルになります。まとめたい場合は、InkscapeやIllustratorでファイルを並べて配置するか、全ページを1つのベクターファイルに保持している元のPDFをお使いください。

SVGをPDFに戻すにはどうすればよいですか?

SVGをPDFに変換をお使いください。ベクターの内容はベクターのまま戻るため、往復しても文字や線がぼやけることはありません。

ベクターではなく画像(ピクセル)が必要ですか?