SVG → PDF 変換について
SVG はイラストを図形とパスで記述する形式です。だからこそ SVG で保存したロゴは、ウェブサイト上でどれだけ拡大しても鮮明なままです。ところがブラウザの外では扱いにくく、メールアプリではプレビューされないことが多く、オフィスのプリンターは SVG をどう扱えばよいかわからず、送った相手にはただのコードにしか見えないこともあります。PDF に変換すれば、どこでも開けて印刷できるページになります。
実際の処理は次のとおりです。ブラウザがウェブページを表示するときとほぼ同じように SVG を描画し、その結果を長辺最大 4,000 ピクセルの画像として取り込みます。その画像を白いページに配置し、JPEG として PDF に保存します。つまり PDF に入るのはグラフィックの画像であり、ベクターのパスそのものではありません。通常の表示サイズや印刷サイズではくっきり見えますが、無限に拡大したり、図形として編集したり、本物のベクターが必要な用途に使ったりすることはできません。
そのため、このツールは日常的な共有に向いています。クライアントに確認してもらうロゴ、配布資料に入れる図、教室や掲示板に貼るために印刷するイラストなどです。一方、印刷会社への入稿や制作の現場には向きません。どこまで使えるかは下の表にまとめています。
SVG → PDF 変換の使い方
- SVG ファイルを追加する.svg ファイルをページにドロップするか、端末から選択します。1 つだけでも、最大 500 個まで一括でも変換できます。
- サイズと画質を選ぶいちばん鮮明なページにするには、「最大サイズ」のメニューを 4096 px にして 4,000 ピクセルの描画をそのまま残し、画質を 100 に上げて輪郭をきれいに保ちます。
- ページを選んで変換する「写真に合わせる」では各ページが図と同じ縦横比になり、A4 とレターでは 0.5 インチ（約 13 mm）の余白の内側に中央配置されます。変換したら PDF を保存します。
主な利用シーン
ロゴを確認・承認してもらう
クライアントや上司が新しいロゴを見たいのに、SVG の添付ファイルを開けないとします。そんなときも 1 ページの PDF なら、どの端末でも十分な大きさでデザインを確認してもらえます。本物の SVG は承認後に渡せば済みます。
オフィスのレイアウト図や組織図を印刷する
SVG で書き出した図も、PDF にすれば A4 やレターの用紙にきれいに印刷できます。横長の図には自動的に横向きのページが使われるので、縦長の用紙に小さく縮められてしまうことはありません。
ぬり絵や授業用のイラスト
ぬり絵やワークシートのイラストは、SVG 形式でダウンロード配布されていることがあります。PDF に変換すれば、家庭や学校のどのプリンターからでもページいっぱいのサイズで印刷できます。
ベクターではなくラスター画像：実際にはどういうことか
| 用途 | この PDF で対応できるか |
|---|---|
| 画面で見る、メールで送る、フォームに添付する | はい |
| 自宅やオフィスで A4・レター用紙に印刷する | はい。ふつうに読む距離なら輪郭はシャープに見えます |
| ポスターや横断幕のサイズに拡大する | ピクセルが目立ち始めます。元のデータからベクター PDF を書き出してください |
| カッティングマシンやレーザー彫刻機など、パスをなぞる機械 | いいえ。ベクターのアウトラインが必要です |
| ベクターデータや特色を求められる商業印刷 | いいえ |
| あとから図形やテキストを編集する | いいえ。PDF に入っているのは平らな 1 枚の画像です |
ベクターを残す必要がある場合は、SVG を作成したデザインソフトから PDF を書き出してください。SVG をブラウザのタブで開き、印刷ダイアログで「PDF に保存」を選ぶ方法でも、たいていは図形がベクターのまま保たれます。ただしその方法では、ページサイズや余白を思いどおりに調整しにくくなります。
変換前に確認しておきたいこと
- 背景。透過部分は白になります。暗い背景に置く前提の明るいイラストは、先に背景となる図形を追加しておいてください。
- フォント。SVG 内のテキストは、お使いの端末にあるフォントで描画されます。デザインがインストールされていないフォントに依存していると、代わりのフォントで表示されることがあります。描画ソフトでテキストをアウトライン化しておけば、この問題は避けられます。
- リンクされたファイル。外部の画像やスタイルシートを読み込む SVG は、それらが欠けた状態で描画されることがあります。画像として扱われる SVG が読み込めるものを、ブラウザが制限しているためです。SVG に埋め込まれた内容には影響しません。この制限については MDN に解説があります。
- ファイルサイズ。数 KB の SVG に比べて、PDF はかなり大きくなると考えてください。短い図形のリストの代わりに、数百万ピクセル分の画像を保存することになるからです。
メタデータとプライバシー
SVG のコード内にあるタイトル、説明、編集ソフトのデータは引き継がれません。PDF のプロパティに入るのは、文書タイトル、作成日時、作成したツール名だけです。イラストはお使いのブラウザ自身が描画し、何もアップロードされません。このことはブラウザの開発者ツールで確認できます。