日本語

実際に読み取るQRコードの作り方

エラー修正、クワイエット ゾーン、コントラスト、印刷サイズ: QR コードが紙上で機能するか静かに機能するかを決定する 4 つの要素。

QR コードはデータの画像であり、特定の点で脆弱です

スキャナーは、人間がテキストを読み取るように QR コードを "read" するわけではありません。カメラの画像を白黒のピクセルに変換し、隅にある 3 つの大きな正方形を見つけてグリッドを計算し、各セルを読み取ります。 QR コードに役立つことも害することも、すべてそのプロセスに戻ります。コーナーは見つけやすくなければならず、グリッドは規則的でなければならず、各セルは明確に明るいか暗い必要があります。

コードが画面上では完璧に見えても、メニューに印刷すると完全に失敗する可能性があるのはこのためです。また、コードを壊す最も一般的な方法が「サイズに合わせてコードを小さくする」ことである理由です。

誤り訂正: 空き領域ではなく保険です

QR コードには冗長データが含まれているため、画像の一部が破損してもデコードされます。 4 つのレベルがあります。L はシンボルの約 7%、M は約 15%、Q は約 25%、H は約 30% を回復します。

トレードオフはサイズです。冗長性が高いということは、同じコンテンツに対してより多くのモジュールが存在することを意味し、モジュールが多いということは、特定の印刷サイズで各モジュールが物理的に小さくなることを意味します。そのため、スキャンが容易になるどころか困難になる可能性があります。レベルを上げると自動的に安全になるわけではありません。

  1. 画面上、または平らなきれいな紙上: L または M で十分です。
  2. メニュー、ポイントカード、小包など、扱われたり、折りたたまれたり、飛び散ったりするものについて: Q.
  3. 中心の上にロゴを配置する場合、または表面が本当に敵対的な場合: H.
  4. 高いレベルでコードが非常に密になっている場合は、レベルをさらに上げるのではなく、内容を短くしてください。

クワイエットゾーンはコードの一部です

QRコードの周囲の余白は装飾ではありません。この仕様では、各辺に少なくとも 4 つのモジュールの空きスペースが必要であり、スキャナはシンボルの端を見つけるために完全に空きスペースに依存します。

これは、QR 設計において最も頻繁に無視される要件です。コードが境界線、写真、またはテキストのブロックに突き当たった場合、クワイエット ゾーンが失われ、完全に機能しなくなる可能性があります。また、カメラが何を捉えるかに依存するため、失敗はランダムに見えます。

このツールのデフォルトは 4 モジュールであり、モジュールを減らすと警告が表示されます。レイアウトに余白の余地がない場合は、余白をトリミングするのではなく、コードを小さくしてください。

色よりもコントラストが決め手となる

スキャナは画像を 2 値化するため、重要なのはコードとその背景の明るさの違いであり、色が快適に異なって見えるかどうかではありません。 2 つの色は目には明らかに区別できますが、グレースケールに変換するとほぼ同じになります。

白地に黒のコントラスト比は 21:1 になります。少なくとも 7:1 を目指してください。以下の 4:1 コードは、紙の上や照明が不十分な場所では失敗し始め、このツールは警告を発します。色を変更すると、プレビューの横にあるライブ コントラストの図が更新されます。

コードを背景よりも暗くしてください。多くのスキャナーは、明と暗を検索するだけであり、反転コード (暗フィールド上の光モジュール) は、デバイス間でコインを投げるようなものです。暗いデザインにコードが必要な場合は、明るいパネルの中に入れてください。

コード全体のグラデーションを避け、透明な背景に注意してください。背後にあるものはすべて、同じコントラスト要件を満たす必要があります。

スキャン距離に合わせてサイズを調整する

広く使用されている経験則では、コードの幅はスキャンされる距離の約 10 分の 1 である必要があります。腕を伸ばした状態で読み取られるコード (たとえば 30 cm) の幅は約 3 cm である必要があります。ポスターを 3 メートルからスキャンすると、約 30 cm が必要になります。

問題の残りの半分はモジュールのサイズです。モジュールあたり約 0.4 mm を下回ると、通常の携帯電話のカメラが動作しにくくなり、安価なサーマル プリンターでは隣接するモジュールが汚れてしまいます。コンテンツが短いほどモジュールの数が少なくなり、同じ全体サイズでも各モジュールが大きくなります。そのため、ペイロードを短く保つことが他の単一の変更よりも効果的です。

適切な出力形式を選択してください

印刷されるものについては SVG をエクスポートします。ベクター形式なので、完璧にシャープなエッジであらゆるサイズに拡大縮小でき、デザイナーや印刷者が望むものになります。

画面、ドキュメントなど、ビットマップの方が簡単な場所に PNG をエクスポートします。十分なピクセル サイズを選択します。このツールはモジュール サイズをピクセルの整数に切り捨てて、すべてのモジュールが同一になるようにします。これにより、コードが分数で拡大縮小されたときに発生する不均一なモジュールが回避されます。

エクスポート後に PNG QR コードを拡大しないでください。代わりに、より大きく再エクスポートします。補間によりモジュールの端がぼやけます。これはまさにスキャナーが鮮明にする必要があるものです。

コミットする前にテストする

実際の素材に実際のサイズで印刷し、コードが実際に存在する光の中で、複数の携帯電話 (理想的には古い Android と最近の iPhone) でスキャンします。ランプの下の机の上では機能するコードも、窓際のテーブルでは機能しない可能性があります。

ロゴを中央に配置する場合は、ロゴを小さくし、隅の 3 つの四角形から遠ざけて、エラー修正でカバーされると仮定するのではなく、結果をテストしてください。

よくある質問

真ん中にロゴを入れてもいいですか？
多くの場合、高いエラー修正レベルを使用し、ロゴをエリアの約 20% 未満、つまり 3 隅のファインダー パターンから遠ざける場合には、そのようになります。このツールはロゴをオーバーレイしません。安全に行うには、あなただけが行うことができる視覚的なチェックが必要であるためです。 SVG をエクスポートし、ロゴをデザイン ツールに配置し、結果をテストします。
デザイナーがコードを使用した後、コードが機能しなくなったのはなぜですか?
通常、クワイエット ゾーンは切り取られ、モジュールが十分に大きくなるポイントを超えてコードが縮小されるか、コントラストが低すぎるものに再着色されます。 SVG と 4 モジュールのマージン要件を書面で伝えます。
リンクが長いとコードのスキャンが難しくなりますか?
はい。コンテンツが増えるとモジュールも増えるため、固定の物理サイズでは各モジュールが小さくなります。機能する最短のアドレスを使用してください。ただし、コードとその宛先の間に第三者が介在することになるため、このツールは意図的にリンクを短縮しないことに注意してください。
デフォルトではどのエラー修正レベルを使用すればよいですか?
M は、ほとんどの用途にとって適切なデフォルトです。小さなものを扱ったり印刷したりする場合は Q に移動し、コードの一部を覆っている場合や表面が本当に粗い場合にのみ H に移動します。

このツールでできないこと