Advertisement
SVGをPDFに変換してベクターを維持するための確認ポイント
パス、文字、外部画像、foreignObject、フィルターを確認し、SVGを用途に合ったPDFとして書き出すための実務チェックリストです。
SVGをブラウザー内でPDFへ無料変換。元ファイルのアップロードは不要です。元のページサイズを保持するか、寸法を指定できます。
Advertisement
ブラウザー内で変換し、ページ寸法と作品に適した出力方法を確認できます。
変換サーバーへ元のSVGを送信せず、ブラウザー内でPDFを生成します。SVGが外部画像などを参照する場合、互換処理中にブラウザーが参照先へアクセスすることがあります。
元のサイズではmm・cm・in・ptなどの物理単位を保持します。210 × 297 mmのSVGはA4 PDFになります。カスタム寸法は各辺4096 CSS pxまで指定でき、出力設定にミリメートル換算を表示します。
自動モードは対応する図形と標準フォントの基本ラテン文字のベクター出力を試みます。ベクターパスは拡大しても鮮明ですが、埋め込み画像の解像度は元の画像に依存します。画像出力のピクセル上限はベクターパスの精細さを制限しません。
未対応の文字やフォント、フィルター、外部参照、互換モードではページ全体を画像PDFにします。ベクター変換に失敗した場合も同様です。目標は300 DPI、最長辺は4096ピクセルまでです。大きなページではDPIが下がり、文字の選択や検索はできません。
SVGを開けない相手への共有や、ページサイズを指定した印刷にPDFを使えます。
ラベル、図面、配布資料のページ寸法を保って印刷できます。商業印刷では塗り足し、色指定、PDF/Xの条件を印刷会社に確認してください。このツールはそれらの印刷前設定を行いません。
デザインソフトを持たない顧客や同僚にもPDFを送れます。共有前にダウンロードしたファイルを開き、最終的なレイアウトとフォントを確認してください。
PDFを受け付ける提案書やレポートなどに利用できます。SVGごとに1ページの文書を生成し、ページサイズは元ファイルまたは指定した寸法に従います。
.svgファイルをドロップするか、端末から選択するか、SVGコードを貼り付けます。パソコンではCmd/Ctrl+Vでもコードを読み込めます。互換性の問題が表示されたら、変更内容を確認してください。
元のサイズを選ぶと元ファイルの寸法を保持します。カスタム寸法ではミリメートル表示を確認してください。予定されるPDF出力方法を確認し、背景を塗る場合は単色を指定します。
PDFをダウンロードすると、ブラウザー内でファイルを生成します。結果にはベクターか画像かが表示され、画像の場合は推定DPIも確認できます。ダウンロードしたPDFを開き、最終結果を確認してください。
SVGを読み込むと、PDF出力の案内にベクター変換を試すか画像として出力するかが表示されます。ベクター変換が失敗して画像に切り替わる場合もあるため、ダウンロード後の結果表示で実際の方式を確認してください。操作画面のプレビューはSVGであり、最終PDFではありません。ダウンロードした文書も確認してください。
SVGの幅と高さがmm・cm・in・ptの場合は、元のサイズを選択します。例えばwidth="210mm"、height="297mm"ならA4になります。ピクセルは1インチ96 CSS px、つまり1px = 0.75ptとして換算するため、210 × 297 pxはA4ではありません。ミリメートル表示を確認してください。viewBoxだけではミリメートルのページ寸法は指定されません。
別々の上限があります。カスタムページ寸法は各辺4096 CSS pxまで、画像PDFの画像は最長辺4096ピクセルまでです。元のPDF寸法にはカスタム寸法の上限を適用しませんが、このツールは各辺14,400pt(200インチ)を超えるページを拒否します。ベクターパスの精細さは画像のピクセル上限に依存しません。大きな画像PDFは目標の300 DPIを下回ることがあります。
日本語・中国語の文字やカスタムフォントが含まれる場合、ページ全体を画像として出力し、同じページのパスも画像になります。文字の選択、検索、コピーはできません。描画はブラウザーで使えるフォントに依存し、端末にないフォントは置き換わる場合があります。文字をベクター図形として残すには、デザインソフトでアウトライン化したうえで、対応する図形を自動モードで変換してください。
元のSVGを変換サーバーへアップロードせず、ブラウザー内でPDFを生成します。ただしSVGに外部参照があると、互換処理中に参照先へアクセスし、読み取れないリソースを省略する場合があります。これらの通信を避けるには、画像を埋め込み、文字をアウトライン化した自己完結型のSVGを用意してください。
背景を塗っていないページは、PDFビューアーでは通常白く表示されます。明示的な背景色が必要なら単色を選択してください。元の背景が透明という理由だけで白い塗りを追加することはありません。実際に使うアプリでダウンロードしたPDFを確認してください。
このツールは1つのSVGから1ページのPDFを作成します。複数ページの文書が必要なら、それぞれのPDFを出力したあと、PDF編集ソフトで結合してください。現在、この変換ツールにはページ結合機能はありません。
元ファイルに固定の容量上限は設けていません。処理できる量はブラウザーのメモリ、端末の性能、SVGの複雑さによります。小さくてもフィルターやパスが多いと、大きな単純図形より処理が重くなる場合があります。止まる場合は図形を簡略化し、埋め込み画像を小さくするか、ほかのタブを閉じて再試行してください。
有効なSVGマークアップと、使用可能な幅・高さまたはviewBoxを確認してください。互換性の案内も確認します。埋め込みHTMLは省略されることがあり、CORSで制限された外部リソースは読み取れない場合があります。必要な画像を埋め込み、重要な文字をアウトライン化して再試行してください。自動モードで失敗したら外観を保持するモードを試し、大きすぎるページは物理寸法を小さくしてください。最終PDFも確認してください。
結果表示で画像出力かどうかと推定DPIを確認してください。画像のピクセル上限により、大きなページは300 DPIを下回ることがあります。ページを小さくするか、SVGを簡略化して自動モードでベクターパスを残してください。埋め込み画像はぼやける場合があります。商業印刷では塗り足し、色、フォント、PDF/Xの条件も印刷会社に確認してください。ページ寸法だけでは印刷適合性を保証できません。
上記の単位換算と文書の概念について:
パス、文字、外部画像、foreignObject、フィルターを確認し、SVGを用途に合ったPDFとして書き出すための実務チェックリストです。
ブラウザーでは正常なのにPDFで文字が変わる理由を確認し、アウトライン化・標準フォント・画像PDFを使い分ける方法を説明します。
1px=0.75ptを基準に、viewBoxと物理寸法の違い、A4・Letterの数値、画像PDFの有効DPIを整理します。
SVGを選択し、ページ寸法を確認して、ブラウザーで生成したPDFをダウンロードできます。
SVGを選択またはコードを貼り付け透過背景のPNG画像が必要な場合: SVG PNG 変換