簡単に言うと、「はい、ただし条件付きです」です。ベクター グラフィックス、フォントから作成されたテキスト、きれいな幾何学的形状を含む PDF は、編集可能な SVG ファイルに良好な結果で変換できます。スキャンされた画像、ラスター写真、または高度に平坦化されたアートワークから構築された PDF は、実際に編集可能なベクター パスではなく、埋め込まれたラスター イメージを含む SVG に変換されます。 ラスター ベクター PDF コンテンツの区別により、SVG 出力が適切なスケーラブル ファイルになるか、それとも単にビットマップのラッパーになるかが決まります。
SVG (Scalable Vector Graphics) は、視覚情報をピクセルのグリッドではなく数学的なパス、点、曲線として保存します。ベクターベースの PDF ページを SVG に変換すると、各図形、線、テキスト ブロックを独立して編集可能な要素にすることができます。グラフィック デザイナー、Web 開発者、印刷専門家は、PDF から SVG への変換を使用して、Web サイト用のドキュメント アートワークを再利用したり、元のソース ファイルを使用せずに個々の要素を編集したり、他のプロジェクトで使用するためにロゴやアイコンを抽出したりしています。結果の品質は、ほぼ完全に元の PDF がどのように構築されたかによって決まります。
変換を試みる前に、PDF に実際のベクトル データが含まれているかどうかを確認してください。 PDF リーダーで 400% 以上に拡大します。極端な倍率でも線とテキストが鮮明なままであれば、そのコンテンツはベクトルベースです。エッジがピクセル化されたりぼやけたりした場合は、PDF コンテナー内に埋め込まれたラスター イメージを見ていることになります。ラスターのみの PDF を SVG に変換しても、魔法のように編集可能なパスが作成されるわけではありません。出力 SVG には同じピクセル データが埋め込まれるだけなので、それ以上の編集はトリミングやオーバーレイの追加に限定されます。
WukongPDF は、PNG や JPG などのラスター出力の PDF から Image へのパイプラインを処理します。特に SVG 変換の場合、専用のベクター グラフィック ソフトウェアが最も信頼性の高い結果を生成します。特定の PDF タイプにどのツールを使用すればよいかを理解すると、文字化けした出力で何時間もイライラすることがなくなります。
PDF から SVG への変換はどのような場合にうまく機能しますか?
PDF が元々 Adobe Illustrator、CorelDRAW、Inkscape、Figma などのベクターベースのソフトウェアで作成されていた場合、変換により優れた結果が得られます。 PDF としてエクスポートされたロゴ、建築線画、CAD ソフトウェアで作成された技術図、グラフ ライブラリによって生成されたデータ チャートはすべて、パス、ポリゴン、テキスト スパン、グラデーション定義などのベクトル プリミティブで構成されているため、きれいに変換されます。
Microsoft Word または PowerPoint からエクスポートされた PDF にも、埋め込まれた写真はラスターのままですが、主にテキストと図形のベクトル データが含まれています。 Word で生成された PDF を SVG に変換すると、テキストは編集可能なタイプとして保存され、図形は編集可能なパスとして保存されます。 SVG は PDF の複数ページの固定次元モデルをネイティブに複製しないため、ページ レイアウトがわずかにずれる場合があります。通常、各 PDF ページは個別の SVG ファイルになり、ページ上の要素間の空間関係は各 SVG の座標系内に保持されます。
変換が成功したかどうかを示す重要な指標は、出力 SVG 内に個別の選択可能なオブジェクトが存在することです。結果のファイルをベクター エディターで開き、個々のシェイプをクリックします。各形状が個別にハイライト表示される場合、変換により本物のベクトル データが抽出されます。ページ全体が 1 つの平面画像としてハイライト表示されている場合、PDF コンテンツはラスターベースであり、SVG がコンテナとして機能しています。
方法 1: Inkscape で変換する
Inkscape は、Windows、Mac、Linux で利用できる無料のオープンソース ベクター グラフィック エディターです。 PDF ページを編集可能な SVG ドキュメントに変換する PDF インポート機能が組み込まれています。 Inkscape を開き、「ファイル」、「インポート」の順に移動して、PDF を選択します。どのページをインポートするか、および Poppler と内部インポートのどちらを使用するかを尋ねるダイアログが表示されます。 Poppler オプションは通常、テキストを選択可能なタイプとして保存しますが、内部レンダラーは編集可能性を犠牲にして、より正確な位置決めのためにテキストをパスに変換する場合があります。
インポート後、レイヤーとオブジェクトのパネルを調べて、PDF コンテンツがどのように分解されたかを確認します。編集可能なタイプとして提供されたテキストは、テキスト ツールを使用して変更できます。図形は個別に選択、色変更、サイズ変更、削除できます。元の PDF の複雑なグラデーション、透明効果、およびブレンド モードは、インポート後に完全に存続しない可能性があります。 Inkscape は、SVG 形式の制約内でこれらの効果を近似します。つまり、通常は手動によるクリーンアップが必要になります。
複数ページの PDF の場合は、ページごとにインポート プロセスを繰り返します。 Inkscape は一度に 1 ページずつインポートします。すべてのページを個別の SVG ドキュメントとしてインポートしたら、Inkscape のバッチ エクスポート機能を使用するか、各ファイルを手動で保存できます。結果として得られる SVG は、Web での使用、さらなる編集、または他の形式への変換に適した完全に編集可能なベクター ファイルです。
方法 2: Adobe Illustrator を使用する
Adobe Illustrator は、プロフェッショナルなデザイン作業に最も信頼性の高い PDF から SVG への変換パスを提供します。 Illustrator のネイティブ ファイル形式は PDF と密接に関連しているため、Illustrator で PDF を開くと、他のツールよりもはるかに多くの元のドキュメント構造が保持されます。 Illustrator を開き、「ファイル」、「開く」の順に選択して PDF を選択すると、どのページをロードするかを尋ねるダイアログが Illustrator に表示されます。インポートされたアートワークは、ほとんどの場合、レイヤー、グループ、編集可能なテキスト ブロックがそのままの状態で表示されます。
PDF ページを Illustrator で開いたら、色の調整、不要な要素の削除、パスにアウトライン化されているテキストの修正など、必要に応じてアートワークを調整します。次に、[ファイル]、[エクスポート]、[名前を付けてエクスポート] を選択し、形式として SVG を選択します。 Illustrator の SVG エクスポート ダイアログでは、CSS スタイル、フォント処理、小数精度、および応答性の高い viewBox 設定を広範囲に制御できます。 Web 向けの SVG の場合は、[アートボードを使用] オプションをオンにし、オブジェクト ID をレイヤー名に設定すると、SVG コードがよりわかりやすく読みやすくなります。
Illustrator は、ドキュメントごとに 1 ページを開くことによって、複数ページの PDF を処理します。 10 ページの PDF の場合、開いてエクスポートするワークフローを 10 回繰り返します。これはバッチ処理よりも遅くなりますが、最も忠実度の高い出力が得られます。 Web 用にクライアントのロゴやブランド アセットを準備するデザイン会社は、出力が元のアートワークとピクセル単位で一致するため、PDF から SVG への変換にほとんどの場合 Illustrator を使用します。
オンライン コンバータとコマンド ラインの代替手段
いくつかの無料オンライン ツールは、ソフトウェアをインストールしなくても PDF から SVG への変換を提供します。 PDF をアップロードすると、サービスがそれを処理し、SVG または SVG の ZIP をダウンロードします。 CloudConvert と Zamzar は、よく使用される 2 つのサービスです。これらのツールは、単純なベクター PDF には十分に機能しますが、透明度、埋め込みフォント、またはグラデーション メッシュを含む複雑なレイアウトでは困難を伴います。オンライン コンバーターからの出力 SVG は、多くの場合、テキストをパスに平坦化し、個々の単語をタイプとして編集できなくなり、近くの図形を単一の複合パスにマージして操作が困難になる場合があります。
開発者や技術ユーザーは、pdf2svg などのコマンドライン ツールや Inkscape のヘッドレス モードを使用してバッチ処理を実行できます。ターミナルで inkscape --export-type=svg --export-filename=output.svg input.pdf を実行すると、単一ページが変換されます。バッチ作業の場合、シェル スクリプトは複数の PDF をループできます。 Poppler ライブラリの一部である Cairo ベースの pdftocairo ユーティリティも、コマンド pdftocairo -svg input.pdf Output.svg を使用して SVG 出力を生成します。これらのコマンドライン アプローチはスクリプト可能で無料であるため、大規模なバッチ ジョブに実用的ですが、GUI ツールよりも構造の忠実度が低い SVG を生成する傾向があります。
| 変換方法 | 最適な用途 | 編集可能な出力 | 品質に関する注意事項 |
|---|---|---|---|
| Inkscape (組み込みインポート) | 単純なベクター PDF | 完全に編集可能なSVG | 複雑な効果が失われる |
| アドビイラストレーター | プロフェッショナルなデザインの PDF | 編集可能な AI/SVG エクスポート | 全体的に最高の忠実度 |
| オンラインコンバーター | 単一ページのベクター PDF | 基本的な SVG、フラット化される可能性があります | 可変精度 |
| コマンドラインツール | バッチ処理 | ページごとの SVG | 技術的なスキルが必要です |
PDF から SVG への変換中に失われるもの
PDF 内のすべてが SVG に直接相当するわけではありません。フォーム フィールド、JavaScript アクション、埋め込みビデオまたはオーディオ、3D コンテンツなどのインタラクティブな要素は、SVG がサポートしていないため、変換中に削除されます。 SVG は単一ページ形式であるため、複数ページの構造は失われます。各 PDF ページは独自の SVG ファイルになる必要があります。変換ツールが PDF リンクの注釈を SVG アンカー要素に明示的にマップする場合、PDF 内のハイパーリンクは存続する可能性がありますが、ほとんどのツールはデフォルトではこれを行いません。
フォントの処理も一般的な問題点です。元の PDF で、変換を実行しているコンピュータにインストールされていないフォントが使用されている場合、ツールは別のフォントに置き換えたり、テキストをアウトラインに変換したりすることがあります。アウトライン化されたテキストは元のテキストと同じように見えますが、タイプとして編集できなくなります。編集可能なテキストを保持するには、埋め込まれたフォント データを PDF から直接読み取ることができる変換ツールを使用します。Illustrator と Inkscape with Poppler はこれを実行しようとしています。フォントの正確な一致が重要な場合は、元のドキュメントが作成されたのと同じマシンで同じフォントがインストールされているマシンで PDF を変換します。
変換中に色空間も変化します。 PDF は、SVG がネイティブに処理しない CMYK、スポット カラー、およびデバイス固有のカラー プロファイルをサポートします。変換ツールはこれらを sRGB にマッピングするため、特に印刷デザインの PDF では微妙な色の変化が生じる可能性があります。 Web での使用では、sRGB シフトは通常許容されます。印刷で複製する場合は、元の PDF を保持し、画面結合されたアプリケーションにのみ SVG を使用してください。
PDF から SVG への出力の実用的な使用例
SVG を取得したら、実際の応用は単なる表示を超えて広がります。 Web 開発者は SVG を HTML ページに直接埋め込み、鮮明さを失うことなく任意の画面サイズに合わせて拡大縮小できます。ラスター イメージとは異なり、50 キロバイトの SVG はピクセル化せずにフル HD 解像度で表示できます。デジタル デザイナーは、SVG を Figma または Sketch にインポートして、PDF ブランド ガイドラインからアイコン、ロゴ、または UI 要素を抽出します。エンジニアは、PDF CAD 図面から変換された SVG を使用して、Web ベースのマップ ビューアや機器図に注釈をオーバーレイします。
印刷所は、ベクター カット ラインが必要な、スクリーン印刷やビニールの切断などの特殊な印刷プロセス用のアートワークを準備するときに、中間形式として SVG を要求することがあります。 PDF から SVG への変換では、ビニール カッター ソフトウェアが解釈できる形式でカット パスが抽出されます。 Web サイトのヘッダー用にロゴを再利用する場合でも、メンテナンス Wiki 用に技術図を抽出する場合でも、PDF から SVG へのワークフローにより、PDF ファイルだけでは不可能な幅広い再利用オプションが可能になります。
PDF から SVG への変換が成功するかどうかは、ベクトルベースのコンテンツから始めて、手動クリーンアップに対する耐性に適したツールを選択するかどうかにかかっています。素早い Web グラフィックの場合は、通常、オンライン コンバーターまたは Inkscape で十分です。すべてのアンカーポイントが重要となるプロフェッショナルなデザイン作業の場合は、Adobe Illustrator を使用する方が安全です。変換ワークフローにコミットする前に PDF のズーム動作を確認してください。どの方法を選択した場合でも、出力のクリーンアップには数分かかることが予想されます。