· 1 分

QRコードのPNGとSVG:どちらの形式をダウンロードすべき?

QRコードのPNG vs SVG:いつどの形式を使うか、品質の違い、印刷、互換性、解像度。1分で判断できる明確なガイド。

QRコードのPNGとSVG:どちらの形式をダウンロードすべき?

PNGはピクセルで作られた画像です。SVGは数学的命令で作られた画像です。QRコードにとって、この違いは異なるサイズでの見え方と、実際にどこで使えるかに現れます。

早わかり

  • PNG: 画面、SNS、メッセージング、スライド、小〜中サイズの印刷に使用。
  • SVG: 専門的な印刷、ビニール、大判ポスター、拡大するものすべてに使用。
  • PNGは拡大すると鮮明さを失います。SVGは任意のサイズで完璧な品質を保ちます。
  • 迷ったときでデジタル用途ならPNGを選択。迷ったときで物理用途ならSVGを選択。
  • QRcitoなら、同じQRを両方の形式で無料でダウンロードできます。

PNGとSVGとは何か?

PNGPortable Network Graphics)はラスター画像です。ピクセルの固定グリッドです。各ピクセルは色を保存します。元の解像度を超えて拡大すると、ピクセルが見えるようになり、画像はぼやけたり「階段状」に見えたりします。

SVGScalable 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は純粋な幾何学です。まじめなジェネレーターなら無料で提供すべきです。

スマホでスキャンしやすいのはどちらの形式? どちらでもありません。スマホはファイルをスキャンせず、画面または印刷でレンダリングされた画像をスキャンします。重要なのは最終出力の鮮明さであり、ソース形式ではありません。

← ブログに戻る