QRコード内に画像を配置する方法

Hack A Dayブログの著者であるBrian Benchoffは、QRコード(ISO 18004標準)を生成するためのアルゴリズムを理解し、QRコードに任意の画像を埋め込む方法に関する指示をまとめました。 たとえば、会社のロゴ。



作業にはピクセル単位の編集にQRコードジェネレーターとMicrosoftペイントを使用しまし



QRコードの6番目のバージョンは、一辺が41ピクセルの正方形です。







写真はQRテンプレートを示しています。 その上で、黒のピクセルは常に黒でなければならず、白は白でなければなりません。 グレーゾーンは創造性のために無料です。



以下に示すように、グレースペースは172の8ピクセルセクションに分割されます。







一部のゾーンは2つの部分に分割され、スペースが空いており、黒い線で接続されています。 経験からわかるように、ゾーンの約30%にランダムな情報を入力できますが 、電話は引き続き情報をデコードできます。 したがって、172のゾーンのうち、約51個を使用して、任意の形状と色を指定できます。



つまり、51ピクセルのサイズの絵を描くことができます。 たとえば、Hack A Dayロゴは次のとおりです。







ロゴが異質な背景から分離されるように、コントラストの輪郭を作成することが重要です。 このロゴをQRコードブロックに配置すると、次のようになります。







次に、ロゴの影響を受ける8ピクセルゾーンの数を計算する必要があります。 51個以下であるように見えるので、すべてが正常であるため、次のステップに進むことができます。この写真の上に実際のQRコードを生成します。 前述のQRコードジェネレーターを開き、6番目のバージョン、エラー訂正のレベルを選択し、エンコード用の情報(http://www.hackaday.com)を指定します。 結果のコードの上に、ロゴを挿入します。







この種のものはすでに名刺に印刷できます。



本当に美しいロゴを作成するには、より大きなQRコードを使用できます。 たとえば、73ピクセルの正方形の辺を持つ14番目のバージョン。 特定の条件下では、国境のサービスエリアに行くこともできます。







IBMはこのサイズでは本当にきれいに見えます。 比較すると、 QR v6のIBMはそれほど印象的ではありません。



白、黒、赤、紫などの任意の色のピクセルを作成できることに注意してください。それらの間のコントラストのみが重要です。 IBMの文字はこのロゴでは比較的暗いため、アルゴリズムはそれらを黒と認識します。 色の使用は、コントラストのある境界線を取り除くことができる便利な手法であり、ロゴのスペースを節約します。







Firefoxのロゴに白い境界線がある場合、画像領域の30%以上をカバーします。 また、色を使用すると、カバー率は30%未満で、このQRコードは完全に読み取り可能です。



ところで、QRコードのピクセル単位の解像度に制限する必要はありません;より高い解像度の画像を挿入できます。 確かに、もはやオーガニックに見えなくなります。







UPD。 MeCode BetaアプリケーションがAndroidマーケットに登場しました。これにより、ロゴを含む任意のバーコードを携帯電話で生成できます。 非常に便利なこと-画面に画像を表示し、他の電話と情報を交換できます。



All Articles