QR コードの最良の実践: サイズ、コントラスト、エラー修正、テスト
プリントや画面で信頼性の高い QRコードを作成する方法:最小サイズ、静かなゾーン、色、エラー修正レベル、静的と動的コード、セキュリティ
· 7 分で読めます
QRコードはパンデミック中に完全に主流になりレストランメニューやチェックインや決済が携帯電話に移行しました。今日では包装、名刺、ポスター、請求書、テレビ広告、会議のバッジに載っています。作成には数秒かかりますが驚くほど多くの印刷コードはスキャンできません小さすぎコントラストが低い辺が欠落したりもう存在しないURLを指しているからです。このガイドでは QRコードが機能するかどうかを決める要素や初めてスキャンするコードを設計・テストする方法について説明します
QR コードがデータを保存する方法
QRコードはモジュールと呼ばれる暗と明るい四角形のグリッドです。角に3つの大きなファインダーパターンがありカメラがコードを特定し方向性を決定します。細いアライナメントパターンは視野の歪みを正しタイミングパターンは解読機がグリッドのサイズを決定するのに役立ちます。残りの領域はデータを保存し誤り修正情報も保存します
コードは 21 × 21 モジュール (バージョン1) から 177 × 177 (バージョン 40) まで 40 種類のバージョンがあります。選択したエラー修正レベルに対応する最小のバージョンを選択します。より多くのデータがより多くのモジュールを意味しより多くのモジュールは与えられた印刷サイズでそれぞれが小さいことを意味します
内容を短く
最も効果的な改善は低データ暗号化です
- 25文字のURLはバージョン2のコード (25 × 25モジュール) に収まる。
- 追跡パラメータを持つ 120 文字の URL はバージョン 6 または 7 (41 × 41 または 45 × 45 モジュール) が必要です。
同じ印刷サイズで短いコードのモジュールはほぼ2倍大きいので 2倍の距離からスキャンしぼやけや輝きや安価な電話カメラをずっとよく対応します。短いドメインや経路を使用し、不要なクエリパラメータを削除し、リンクができる場合の長いテキストをエンコードしないようにしてください。
サイズとスキャン距離
簡単なルールとして、コードの幅はスキャン距離の10分の"程度でなければならない。
| スキャン距離 | 最小コード幅 |
|---|---|
| 25cm (テーブル、名刺) | 2.5cm |
| 1m (腕の長さでのポスター) | 10cm |
| 3m (壁ポスター) | 30cm |
| 10m (広告板) | 1 m |
密度の高いコードについては、これらの数字に 20~50% を追加します。2 × 2cm未満の QRコードを印刷しないでください。
静かなエリア
QR仕様はコードの周りに4つのモジュールからなる空白欄が必要です。スキャナーはこの空の境界を使って辺を探します。デザイナーはスペースを節約するためプログラムをカットしたり混雑した背景に置き込みますスキャン信頼性が急激に低下します。各側には少なくとも4つの平らな背景のモジュールを保持する。[QRコード生成] (/tools/qr-code) では、これは Marginの設定です。
コントラストと色
スキャナーは画像をグレースケールに変換し照明の違いを探します。これはいくつかのルールにつながります。
- 白と黒が理想だ。白か薄い背景の深青、深緑、深黒のブランド色がよく使えます
- 黄色、浅灰色、パステル色、ネオン色はしばしばコントラストが不足します。
- ** 逆のコード** (暗黒背景のライトモジュール) をテストしていない限りは避けてください.一部のスキャナーアプリではサポートされません。
- *コードの後ろにはグラデーションや画像がない。 * コードが写真に載る必要がある場合は、静かなゾーンを持つ固い白いパネルに貼り付けます。
- ** 介質に注意してください.** 輝く仕上げは店の照明の下で輝きを引き起こし、マットの仕上げはより安全です。透明なステッカーが貼っているものと同じ色になります
エラー修正レベル
QRコードはReedSolomonのエラー修正機能を使用しているため、部分的に破損したコードも読み取れます。
| レベル | 回復可能な損害 | 服用時 |
|---|---|---|
| L | 約7% | スクリーン、クリーンな環境、最大限の容量 |
| M | 約15% | ほとんどのプリントのデフォルト |
| Q | 約25% | 屋外、産業用、おそらくは擦り傷 |
| H | 約30% | 中央にロゴ、厳しい環境 |
高レベルでは冗長性が加えられ、モジュール数が増加します。Hをデフォルトで選択しないでください.中心にロゴを貼る時のように、柔軟性が必要なときにのみ選択してください。
ロゴを追加する
ロゴはコードを認識できるがモジュールを隠す。安全な方法で
- 誤り修正レベル H を使います
- ロゴをコードの面積の20%以下に中心にします
- 3つの探知パターンや静かな領域を覆うな
- ロゴに固い背景を与え周囲のモジュールに混じらないようにする
- 古いモデルや予算モデルを含む複数の電話でテストします
静的と動的QRコード
静的コードは、最終的なコンテンツを直接含みます。永久に動作しメンテナンスは不要で追跡も不要です。妥協点:印刷されたら内容は変更できません
ダイナミックなコードは QR サービスによって操作される短いリダイレクト URL を含みます。目的地を変更して分析できます。リスク:サービスが閉鎖され、価格が変更され、абоネメントが終了した場合、すべての印刷コードが壊れ、無料サービスには広告やインタースティシャルページが挿入されています。
example.com/menuのような 自分のドメインの短い URL を指す静的コードを生成し、サーバーでリダイレクトを設定します。目的地を変更したり既存の分析で訪問量を測定したりできます 3人に頼らずにできます
URL 以外のコンテンツタイプ
QRコードは携帯電話が理解できる構造化されたコンテンツをコードすることができます
- Wi-Fi:
WIFI:T:WPA;S:CafeGuest;P:coffee2026;;ではお客様がパスワードを入力せずに参加できます。 - 連絡先カード: vCard (
BEGIN:VCARD ... END:VCARD) は名前、電話、メールを1つのタップで保存します。 - メールとSMS:
mailto:hello@example.com?subject=HiまたはSMSTO:+15551234567:Hello。 - カレンダーイベント: iCalendar
VEVENTブロックはイベントを追加します。 - 地理位置:
geo:52.52,13.405は地図を開きます。
コントクトカードを簡潔にしてください。詳細はこちら。
安全と信頼
QRコードは人間には透明性がないので攻撃者はそれを利用します。駐車場計やレストランのテーブルに貼る偽のステッカーが人をフィッシングの決済サイトに誘導しています。信頼を保つために
- HTTPSで識別可能なドメインを使用します携帯電話のプレビューでは信頼されている URLが表示されます
- 短いURLをコードの横にテキストとして印刷して確認したり手動で入力したりできます
- 公共場所に置く際には、手入れが容易な材料を使い、定期的にチェックしてください。
- 宛先ドメインを隠す URL ショートナーを避ける。
テストチェックリスト
何かを印刷する前に:
- iOSとAndroidの内蔵カメラを含む少なくとも2つの電話と2つのアプリでスキャンします
- リアルサイズでテストします証明を印刷してくださいモニターからスキャンするのではなく
- 予期される距離と照明で試験する。
- 目的地がモバイルで動作し HTTPSを使っていることを確認します
- 静かなゾーンが最終的なレイアウトとトリミングを生き残ったか確認します
- SVG または高解像度の PNG として輸出する。圧縮がモジュールエッジを模糊させる JPEG を避ける。[画像を圧縮する方法] (/blog/compress-image-to-100kb) を参照してください。
QRコードとバーコード
QRコードははるかに多くのデータを保持しあらゆる角度からスキャンできますそのため URLや決済に適しています。線形バーコードは小売店のチェックアウトと物流の標準であり続けます既存のスキャナーとサプライチェーンがこれに依存しているからです。線形および2Dシンボロジーのツアーについては[バーコードタイプ説明] (http://blog/barcode-types-explained) を参照してください。
まとめ
できるだけ少ないコードを入力しスキャン距離に合ったサイズで印刷し 4モジュールの静かなゾーンを保持し濃いコントラストで暗く明るい色を使用し誤差修正を意図的に選択し自分のドメインを指す静的コードを好み本物の印刷を本物の電話でテストします。この手順を踏まえればコードはいつでも誰にでも使えるようになります
このページは英語から自動翻訳されています。誤りを見つけた場合はお知らせください。