SVGをPNGに一括変換するときのサイズ、余白、透過背景の決め方
一括変換でPNGのサイズや位置がバラバラにならないように、SVGのviewBox、余白、透過背景、命名ルールを整える方法を解説します。
あらゆるSVGファイルを数秒で印刷可能なPDFに変換。可能な限りベクター出力し、処理はすべてブラウザ内で完結します。
Advertisement
PDFは印刷業者・ドキュメントワークフロー・ビジネス共有の標準フォーマットです。ベクター画像をPDFにすれば、誰でもそのまま開けます:
印刷業者、提案書、請求書、スライドはPDFには対応していても、SVGには対応していないのが普通です。ベクターPDFならロゴや線画がどの印刷解像度でも鮮明に保たれます。
PDF は書き出したレイアウトを保って共有できます。端末にないフォントは書き出し前に置き換わる場合があるため、プレビューをご確認ください。
メール添付、契約書の添付資料、長期アーカイブ:PDFは何年経っても誰もが開ける形式です。相手にデザインソフトは不要です。
品質と信頼性を両立する、完全クライアントサイドの変換エンジン:
SVGが対応している機能だけを使っている場合、パス・図形・テキストは本物のPDFベクター命令に変換されます。スクリーンショットではなく、無限に拡大できる印刷対応の出力です。
対応する図形と標準フォントの基本ラテン文字はベクター出力できます。日本語、中国語、その他の未対応文字、カスタムフォント、フィルター効果は画像 PDF になります。互換処理では埋め込み HTML や取得できないリソースが省略される場合があるため、プレビューをご確認ください。
SVGの処理はブラウザ内で完結し、サーバーへのアップロードは一切ありません。契約書や機密性の高いデザインでも安全です。
PDFのページはSVGの寸法(または最大4096pxのカスタムサイズ)に一致。余白やレターボックスなしで、アートワークがページいっぱいに収まります。
.svgファイルを変換ボックスにドラッグ&ドロップ、クリックしてアップロード、または Cmd/Ctrl+V でSVGコードを直接貼り付けます。
デフォルトでページサイズはSVGに一致。印刷要件があればカスタムサイズを指定できます。透過背景は白になりますが、任意の色へ変更も可能です。
「PDFをダウンロード」をクリック。ファイルはブラウザ内で生成され、すぐにデバイスへ保存されます。
対応する図形と標準フォントの基本ラテン文字はベクター出力できます。日本語、中国語、その他の未対応文字、カスタムフォント、フィルター効果は画像 PDF になります。互換処理では埋め込み HTML や取得できないリソースが省略される場合があるため、プレビューをご確認ください。
元サイズでは、SVGのmm・cm・in・ptなどの物理寸法を保持します。210 × 297 mmのSVGはA4のPDFになります。ピクセル寸法は1px = 0.75ptで換算します。最大4096pxのカスタム寸法も指定でき、出力設定にページサイズがミリメートルで表示されます。
PDFのページは不透明のため、透過背景はデフォルトで白になります。カラーピッカーで任意の単色に変更することもできます。
はい。追加の PDF フォントが必要な文字はブラウザーで描画し、画像 PDF として出力します。目標は 300 DPI で、大きな画像は解像度を下げます。画像 PDF の文字は選択・検索・コピーできません。端末にないフォントは置き換わる場合があります。正確なベクター文字が必要な場合は、先にアウトライン化してください。
いいえ。変換はすべてブラウザ内で完結します。ファイルが端末の外に出ることはないため、契約書や機密性の高い素材でも安心です。
現時点では対応していません。現在のバージョンはSVG1ファイルにつき1ページのPDFを出力します。複数ファイルをPNGへ一括変換したい場合は、「SVGをPNGに一括変換」ツールをご利用ください。
一括変換でPNGのサイズや位置がバラバラにならないように、SVGのviewBox、余白、透過背景、命名ルールを整える方法を解説します。
ロゴ、写真、スクリーンショット、透過画像、Web用画像で、PNG、JPG、WebP、AVIFのどれを選ぶべきかを実用的に解説します。
SVG書き出しで起きるフォント置き換え、外部画像の欠落、filterの違い、maskやclipPathの失敗を実用的に確認します。