QRコードを生成すると選択肢が現れます：SVGかPNGか。どちらを選ぶべきか？答えはQRコードの用途によって異なります。間違った選択をすると、大判印刷後にpixel化されて読み取れない、どのスマホでもスキャンできないQRになってしまいます。
根本的な違い：SVGはvector（数学的に定義されており、品質を落とさず無限にスケール可能）、PNGはraster（pixelで構成され、固定解像度）。名刺の3cm印刷ならどちらでも問題ありません。しかし2mのバナーや店舗の外壁には、この違いがすべてです。
SVG vs PNG とは
SVG — vector、サイズ制限なし
SVG（Scalable Vector Graphics）はQRコードを幾何学的な形状で記述します：正方形、線、数学的座標。ファイルを拡大すると、プログラムが新しいスケールで形状を再描画します。結果は常に鮮明で、サイズに関係なく — 5cmでも5mでも同じ品質です。
IllustratorやInkscape、Figma、CanvaでSVGを開いて10,000%にズームしても：完璧なエッジ、ジャギーなし。
PNG — raster、固定解像度
PNG（Portable Network Graphics）はカラーpixelのグリッドです。ファイルが300×300 pixelで生成され、30cmで印刷すると、1cmあたり10 pixelになります — ぼやけてpixel化されます。30cmできれいに印刷するには最低300 DPI → 3,543×3,543 pixelが必要です。
適切な解像度で問題は解決しますが、最初から正しいサイズでexportする必要があります。拡大されたサイズの小さなPNGは二度と鮮明になりません。
SVGを使うべき場面
### 大判印刷の場合
イベントバナー、店舗外壁の幕、ウィンドウステッカー、看板、セルフサービスキオスク — 常にSVG。印刷会社は必要な解像度で印刷でき、新しいファイルを求めません。
印刷前に読取距離別の最小サイズを確認してください。
### 印刷会社やデザイナーへの送付の場合
デザイナーはQRをより大きなレイアウトに配置します。SVGなら制限なくリサイズできます。PNGでは「より高解像度のバージョン」を求められますが、それがない場合もあります。
商品パッケージ、ラベル、またはビニールステッカーのQRには、SVGがグラフィック業界の標準です。
### デザインソフトウェアで使用する場合
Figma、Adobe Illustrator、Affinity Designer、CorelDRAW — すべてSVGを開き、vectorオブジェクトとして扱います。QRを劣化させることなく、色の変更、スケーリング、pixel精度の位置合わせが可能です。
IllustratorやFigmaのSVGではカスタムロゴ付きQRの作業がずっと簡単です。
### 布への印刷やレーザーカットの場合
デジタル刺繍、レーザーカット、ビニールカット — 機器はvectorファイルを直接使用します。PNGはこの用途には適していません。
PNGを使うべき場面
### WebやアプリのQRの場合
ブラウザはPNGを素早く読み込み、画面の解像度は固定（72〜144 DPI）です。600×600 pixelのPNGは、SVGのオーバーヘッドなしにほとんどのWeb状況をカバーします。
高速ページではインラインSVGがさらに優れる場合もありますが、単純な <img src="qr.png"> にはPNGで完璧に機能します。
### SNSの場合
Instagram、Facebook、LinkedIn、TikTok — すべてのプラットフォームがPNGを受け入れ、どうせ画像を圧縮します。800×800 pixelのPNGをアップロードすれば問題ありません。SVGはプロフィール写真や投稿画像のアップロードに常に対応しているわけではありません。
Instagram StoriesやフィードのQRコードにはPNGを使用してください。
### メールマーケティングの場合
メールクライアント（Gmail、Outlook）は埋め込みSVGを確実にレンダリングしません。ニュースレターやトランザクションメールでは常にPNGを使用してください。400×400 pixelのPNGで画面表示には十分です。
メール署名のQRコード — SVGではなくPNGを使用。
### WordやPowerPoint文書の場合
Microsoft OfficeはすべてのバージョンでSVGを安定してimportできるわけではありません。プレゼンテーションや文書にQRを挿入する場合、PNGの方が安全でより汎用的です。
PDFのQRコードでは、PDFを生成するソフトウェアによって、高解像度PNGとSVGの両方が機能します。
クイックリファレンス表
| 状況 | 理想的なformat | 理由 |
|---|---|---|
| バナー、幕、大きな外壁 | SVG | 無限スケール、pixel化なし |
| ビニールステッカー / レーザーカット | SVG | 機器がvectorを使用 |
| 印刷会社やデザイナーへの送付 | SVG | 自由なリサイズ |
| Figma / Illustrator / Canva | SVG | Vector編集 |
| Webサイト、ランディングページ | PNG または SVG | どちらも良好に機能 |
| SNS（投稿、Stories） | PNG | プラットフォームが圧縮 |
| メールマーケティング / ニュースレター | PNG | SVGはメールでレンダリングされない |
| Word、PowerPoint | PNG | Office互換性 |
| 小さな印刷（カード、メニュー） | PNG 300 DPI+ | 十分な解像度 |
| 編集可能なロゴ付きQR | SVG | Vectorでロゴを編集可能 |
exportとテストのベストプラクティス
SVGの場合：
- クリーンなSVGとしてexportする（不要なメタデータなし）。
- 印刷会社に送る前に、IllustratorまたはInkscapeでファイルが正しく開くことを確認する。
- 最終印刷サイズの確認を印刷会社に求める。
PNGの場合：
- 解像度を計算する：cmでのサイズ × DPI ÷ 2.54 = 必要なpixel数。
- 印刷には最低300 DPIを使用する。画面には72〜144 DPIで十分。
- 必要に応じて白または透明の背景でexportする。
常にテストを：
- 500部印刷する前にテストコピーを印刷する。
- 少なくとも3台の異なるスマートフォンでスキャンする。
- 様々な光の条件下でテストする。
ダイナミックQRの完全ガイドでは、URLの長さがQR密度とスキャン品質に直接影響する理由を説明しています。
よくある間違い
❌ 印刷会社で小さな拡大PNGを使用する
最も頻繁な間違い。クライアントが200×200 pixelのPNG（デフォルトのプレビューサイズ）をダウンロードし、1mのバナーに印刷するために送ります。結果：pixel化された読めないQRで、どのスマートフォンもスキャンできません。大判印刷には常にSVGまたは高解像度PNGを求めてください。
❌ exporterの「高品質」がすべてを解決すると思うこと
一部のgeneratorは500×500 pixelの「PNG高品質」を提供します。これは約±4cmの印刷まで解決します。60cmのバナーでは、まだpixel化されます。SVGは大判フォーマットの最終的な解決策です。
❌ メールにSVGを使用する
受信者がOutlookでメールを開き、QRが見えません — SVGがレンダリングされないからです。表示されないものは誰もスキャンしません。PNGを使用してください。
❌ 画面解像度と印刷解像度を混同する
「モニターでは素晴らしく見えた」は印刷でも良く見えるという意味ではありません。モニター：72〜96 DPI。グラフィック品質印刷：300 DPI。画面で大きく見えるPNGは、印刷すると小さくぼやけることがあります。
❌ 送信前にSVGが正しいか確認しない
バグのあるSVG（モジュール欠落、間違った色）は画面では正しく見えますが、印刷では失敗する場合があります。IllustratorまたはInkscapeで開き、QRのすべてのモジュールが鮮明で完全に表示されることを確認してください。
よくあるQRコードのミスを確認するで、読み取りを損なう問題の完全なリストをご覧ください。
まとめ
- 大判印刷（バナー、外壁、印刷会社） → 常にSVG。
- デザイナーや印刷会社がファイルを使用する → 常にSVG。
- Web、SNS、Stories → PNG（600〜1,200 pxで十分）。
- メールマーケティングまたはOffice → PNG必須。
- 印刷用PNG → 解像度を計算：サイズ × 300 DPI ÷ 2.54。
- 小さなPNGを絶対に拡大しない — より大きなサイズで新しく生成するかSVGを使用する。
- 大量印刷前にテスト — スマートフォン3台、様々な照明条件。
SVGまたはPNGでQRコードを生成する — exportで正しいfomatを選び、どんなサイズでも品質良く印刷してください。
