QRコードのPNGとSVG:どちらの形式をダウンロードすべき?
PNGはピクセルで作られた画像です。SVGは数学的命令で作られた画像です。QRコードにとって、この違いは異なるサイズでの見え方と、実際にどこで使えるかに現れます。
早わかり
- PNG: 画面、SNS、メッセージング、スライド、小〜中サイズの印刷に使用。
- SVG: 専門的な印刷、ビニール、大判ポスター、拡大するものすべてに使用。
- PNGは拡大すると鮮明さを失います。SVGは任意のサイズで完璧な品質を保ちます。
- 迷ったときでデジタル用途ならPNGを選択。迷ったときで物理用途ならSVGを選択。
- QRcitoなら、同じQRを両方の形式で無料でダウンロードできます。
PNGとSVGとは何か?
PNG(Portable Network Graphics)はラスター画像です。ピクセルの固定グリッドです。各ピクセルは色を保存します。元の解像度を超えて拡大すると、ピクセルが見えるようになり、画像はぼやけたり「階段状」に見えたりします。
SVG(Scalable Vector Graphics)はベクター画像です。ピクセルの代わりに、幾何学的命令(長方形、線、曲線)を保存します。レンダリング時に、表示される正確なサイズで鮮明に描画され、品質の損失はありません。
QRコードの場合、これは写真以上に重要です。QRは純粋な幾何学、白と黒の正方形です。ベクター形式が最もよく表現するものです。
PNGを使うとき
QRが次のいずれかになる場合はPNGを選択してください。
- 画面(ウェブ、アプリ、SNS)に表示される。
- メールや署名に挿入される。
- スライド、プレゼンテーション、動画に入れられる。
- 小〜中サイズで印刷される(名刺、チラシ、ステッカー)。
- ラスター画像のみを受け入れるプラットフォームにアップロードされる(Instagram、WhatsApp、ほとんどのCMS)。
小型印刷の場合、ジェネレーターが提供する最高解像度でPNGをダウンロードしてください。たとえば名刺なら1024 px以上。
SVGを使うとき
QRが次のいずれかになる場合はSVGを選択してください。
- 大判印刷:A3/A2/A1ポスター、看板、店舗ウィンドウ、バナー。
- ビニール、シルクスクリーン印刷、レーザーカットで施される。
- デザイナーがIllustrator、InDesign、Figmaで開くデザインに統合される。
- 専門印刷(オフセット、シルクスクリーン)を通る。
- 鮮明さを失わずに異なるサイズにリサイズされる。
SVGは平文テキスト(XML)です。サイズが小さく、編集可能で、常にピクセルパーフェクトです。
主な違い一覧
| 基準 | PNG | SVG |
|---|---|---|
| タイプ | ラスター(ピクセル) | ベクター(幾何学) |
| 損失なしで拡大 | 不可 | 可 |
| 典型的なファイルサイズ | 重い | 非常に軽い |
| ウェブ互換性 | 普遍 | モダンブラウザで普遍 |
| 専門印刷 | 限られたサイズで可 | 理想的 |
| 後編集の柔軟性 | 限定的 | 完全(Illustrator、Inkscape、コード) |
| SNS | どこでも動作 | 常にサポートされるわけではない |
解像度:PNGに必要なピクセル数
実用的な目安。
- ウェブ / モバイル: 各辺256〜512 px。
- 名刺 / 小さなステッカー: 600〜1024 px。
- A5〜A4チラシ: 1500〜2000 px。
- A3ポスター以上: SVGの方が良い。PNGを使う場合は少なくとも3000 px。
印刷では300 dpiが最低標準です。つまり、5 cmのQRには約600 px、20 cmのQRには約2,400 pxが必要です。
印刷品質:なぜSVGが大型で勝つか
印刷所がPNGを処理し、解像度を超えて拡大すると、結果はピクセル化するかエッジがぼやけます。QRコードの場合、これはスキャン率を損ないます。リーダーはモジュール間のクリーンなコントラストを必要とします。
SVGは最終出力の正確な解像度でレンダリングされます。鮮明なエッジ、完璧なコントラスト、信頼性のあるスキャン。
封筒用の3 cmステッカーを印刷する場合、違いに気づかないでしょう。店舗ウィンドウ用の1メートルポスターを印刷する場合、違いは明白です。
互換性:各プラットフォームが受け入れるもの
- PNG: ほぼすべて(Word、PowerPoint、Canva、Photoshop、SNS、メール、ブラウザ)。
- SVG:
- ✅ モダンブラウザ、Figma、Illustrator、Inkscape、InDesign、印刷ツール、HTML/CSS。
- ⚠️ Microsoft WordとPowerPoint:バージョンによって部分的サポート。
- ❌ Instagram、WhatsApp、ほとんどのソーシャルプラットフォーム:SVGを受け入れません。最初にPNGに変換してください。
ワークフローにSNSが含まれる場合、両方の形式をダウンロードし、物理素材用にSVGを保持してください。
PDF、EPS、JPGはどうですか?
- PDF: 印刷所が特に要求する場合に便利。多くのジェネレーターは無料で提供しません。SVGは同じ領域の大部分をカバーします。
- EPS: 旧式印刷からの従来のベクター形式。ますます使われなくなっています。SVGが同じケースを処理します。
- JPG: QRには悪いアイデア。損失圧縮がパターンを壊す可能性のある視覚的アーチファクトを導入します。選択肢があれば避けてください。
QRcitoはPNGとSVGをエクスポートし、追加形式に支払うことなく実世界のケースの95%をカバーします。
まとめ
PNGはほとんどのデジタル用途と小型印刷で動作します。SVGは大判印刷と専門的なデザインに正しい選択です。用途が混在する場合、両方をダウンロードして一緒に保管してください。カジュアルな使用には、高解像度PNGで十分です。
FAQ
専門ソフトウェアなしでSVGを開けますか? はい。どのモダンブラウザでも通常の画像として開きます。編集にはInkscape(無料)またはIllustratorを使用してください。
PNGは保存するたびに品質を失いますか? いいえ、PNGはロスレス形式です。品質を失うのは元の解像度を超えて拡大することです。
PNGしかない場合、印刷所はそれを使えますか? はい、最終サイズに十分な解像度があれば(最低300 dpi)。そうでなければ、SVGまたはベクターPDFを求められます。
なぜ一部のジェネレーターはSVGに課金するのですか? ビジネスモデルです。技術的には、SVGのエクスポートは些細なことです。QRは純粋な幾何学です。まじめなジェネレーターなら無料で提供すべきです。
スマホでスキャンしやすいのはどちらの形式? どちらでもありません。スマホはファイルをスキャンせず、画面または印刷でレンダリングされた画像をスキャンします。重要なのは最終出力の鮮明さであり、ソース形式ではありません。