PDFをSVGに変換するとどうなるか
- PDFの各ページがそれぞれ1つのSVGファイルになり、標準では150 dpiでレンダリングされます。印刷品質の文字にするには300 dpiを選んでください。
- トレースでは、似た色の領域をベクター図形に変換します。ロゴ、アイコン、フラットなイラストはきれいにトレースでき、どんなサイズにも拡大縮小できます。一方、写真は色の階調ごとに別々の図形になるため、ポスター調になります。
PDFをSVGにオンラインで変換する方法
- 「PDFファイルを選択」を押して1つ以上のファイルを選ぶか、枠の中にドラッグします。端末のメモリに収まるサイズなら、どんなサイズのファイルでも追加できます。
- 必要に応じて設定を調整してください。出力は可逆なので、品質の設定を気にする必要はありません。
- 「SVGに変換」を押します。画像の変換は1枚あたり1〜2秒で終わります。
- 各SVGをそれぞれのダウンロードボタンで保存します。タブを閉じると、ファイルの痕跡はすべてメモリから消えます。
PDFをSVGに変換する理由
PDFファイルがよく使われるのは、文書、申込書、請求書、印刷用のファイルです。SVGに変換する理由は、SVGならどんなサイズでもくっきりしたままで、ロゴやアイコンならファイルもごく小さく、Webやデザインツールのグラフィックの標準になっているからです。
つまり、PDFは本来の用途には優れていますが、別の場所で開いたり、アップロードしたり、印刷したりする必要がある場合はSVGのほうが実用的です。PDFはすべてのブラウザの内蔵ビューアで開けます。一方、SVGはすべてのブラウザで標準で表示できます。
Windows、Mac、iPhone、AndroidでPDFをSVGに変換する方法
Windowsの場合
Chrome、Edge、Firefoxでこのページを開き、エクスプローラーからPDFファイルをドラッグして、「変換」を押します。各SVGは「ダウンロード」フォルダに保存されます。
Macの場合
Safari、Chrome、Firefoxのいずれでも使えます。FinderからPDFファイルをドロップエリアにドラッグすると、SVGファイルが「ダウンロード」に保存されます。
iPhone・iPadの場合
Safariでページを開き、「PDFファイルを選択」をタップします。「写真」または「ファイル」アプリから選択できます。変換されたSVGは、「ファイル」アプリの「ダウンロード」フォルダに表示されます。写真ライブラリに入れるには、そこでファイルを開き、「共有」をタップして「画像を保存」を選びます。
Androidの場合
Chromeでページを開き、「PDFファイルを選択」をタップして、「ファイル」やギャラリーから選びます。SVGは「Download」フォルダに保存され、どのファイルマネージャーからでも見つけられます。
PDFからSVGへのおすすめの設定
トレースは2つの設定で調整します。「色数」では、SVGで使えるフラットな色の数を決めます。2なら白黒のトレースになり、署名や線画に最適です。8〜16はほとんどのロゴに合います。32なら陰影を多く残せますが、図形の数がはるかに多くなります。「精細さ」では、輪郭がどれだけピクセルに忠実に沿うかを決めます。「高」は細かい部分を残し、「シンプル」はより滑らかで軽いファイルになります。
最良の結果を得るには、手元にある最も大きく、最もきれいな画像を、単色の背景で使ってください。ぼやけた画像や強く圧縮されたJPGは、トレーサーが圧縮ノイズまでなぞるため、輪郭がギザギザになります。
PDFとSVGの違い
| SVG | ||
|---|---|---|
| 正式名称 | Portable Document Format（ポータブル・ドキュメント・フォーマット） | Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス） |
| 種類 | 文書 | 画像 |
| 開発元 | Adobe | World Wide Web Consortium |
| 初回リリース | 1993 | 2001 |
| 圧縮 | 非可逆か可逆か | 可逆 |
| 透過 | いいえ | はい |
| アニメーション | いいえ | はい |
| ベクターかラスターか | ベクター | ベクター |
| 色 | 色は自由、ページにはテキスト、ベクター、画像を混在できます | あらゆる色に対応し、ピクセルではなく図形で表現 |
| ブラウザでの表示 | すべてのブラウザの内蔵ビューアで開けます | すべてのブラウザで標準で表示できます |
| 主な用途 | 文書、申込書、請求書、印刷用のファイル | Web上のロゴ、アイコン、グラフ、イラスト |
| MIMEタイプ | application/pdf | image/svg+xml |
PDFファイルとSVGファイルについて
PDFファイルとは？
PDFはすべてのページのレイアウトを固定するので、どの端末でも同じ見た目になります。PDFを画像に変換すると各ページがピクセルとして描画され、画像をPDFに変換すると画像が1ページとして収められます。
SVGファイルとは？
SVGは図形をテキストの命令として記述するため、どのサイズでもくっきりしたままで、シンプルなロゴなら5 KB未満になることもあります。ピクセルに変換すると1つの解像度に固定されるので、変換する前に出力サイズを選んでください。
PDFからSVGへの変換がうまくいかない場合のよくある問題
- 色が少し違って見える。ブラウザは画像をデコードする際に標準のsRGB色空間に変換するため、広色域やCMYKの画像は色が少し変わることがあります。
- スマートフォンの写真が、他の場所では横向きに見えていたのに、まっすぐな向きになる。これは正しい動作です。写真に保存された回転情報が変換時に適用されるため、SVGは常に正しい向きになります。
- ファイルが思ったより大きくなります。画像の内容によります。シンプルなロゴをSVGにトレースすると数キロバイトで済むことが多いですが、細かい画像では数千の図形ができ、PDFより大きなファイルになります。色数を減らすと、SVGは小さくなります。
コマンドラインでPDFをSVGに変換
ImageMagickはピクセルをベクター図形にトレースできず、画像をSVGの中に埋め込むだけです。標準的なオープンソースのトレーサーはpotraceで、白黒のビットマップを扱います。
magick input.pdf -threshold 50% input.pbm
potrace input.pbm -s -o output.svgこれで単色のトレースができます。カラーの場合は、このページの変換ツールが色ごとに別々にトレースして合成します。何もインストールする必要はありません。
PDFからSVGへの変換ツールのよくある質問
PDFをSVGに変換すると品質は落ちますか？
SVGはコピーではなく解釈です。トレースではPDFを図形として作り直します。ロゴやフラットなグラフィックなら見た目は同じで、どんなサイズでもくっきりしたままです。写真の場合、細かい部分は簡略化されます。
SVGとPDFでファイルサイズが違うのはなぜですか？
画像の内容によります。シンプルなロゴをSVGにトレースすると数キロバイトで済むことが多いですが、細かい画像では数千の図形ができ、PDFより大きなファイルになります。色数を減らすと、SVGは小さくなります。
PDFファイルはどこかにアップロードされますか？
いいえ。変換はブラウザ自体の画像デコーダーを使ってこのブラウザのタブ内で行われるため、ファイルはお使いの端末から出ません。ページの読み込みが終わった後は、インターネットを切断しても動作します。
複数のPDFファイルをまとめてSVGに変換できますか？
はい。ファイルはいくつでも選択またはドロップできます。1つずつ順番に変換され、それぞれにダウンロードボタンが表示されます。
SVGファイルを開くには？
SVGはすべてのブラウザで標準で表示できます。SVGは、Web上のロゴ、アイコン、グラフ、イラストでよく使われています。
このPDFからSVGへの変換ツールは無料ですか？
はい。会員登録も透かしもなく、変換できるファイル数にも制限はありません。サイトの運営費は広告でまかなわれており、変換はお使いの端末上で行われるため、ファイルごとのサーバー費用はかかりません。
スマートフォンでPDFをSVGに変換できますか？
はい。この変換ツールは、iPhoneやiPadのSafari、AndroidのChromeで動作します。変換したファイルは「ダウンロード」フォルダに保存されます。