真ん中にロゴを入れてもQRコードが読み取れる仕組み
2026-06-26
真ん中に企業ロゴが載ったQRコードを見たことがあるでしょう。コードの一部を覆っても壊れないのはなぜだろう、と思ったかもしれません。答えは、この形式に組み込まれた実に巧妙なエンジニアリング:誤り訂正です。その仕組みと、確実に読み取れるブランド入りコードの作り方を紹介します。
QRコードは損傷に耐えるように作られている
QRコードは、単にリンクを保存するだけではありません——リード・ソロモン誤り訂正を使って、冗長性つきで保存します。考え方はこう:余分なデータをエンコードしておき、コードの一部が欠けても、汚れても、覆われても、スキャナーがメッセージを再構築できるようにする。だから、しわくちゃのレシートや傷ついたステッカーのQRコードでも動くのです。
誤り訂正には4つのレベルがあります:
- L(Low) — コードの約7%を復元
- M(Medium) — 約15%
- Q(Quartile) — 約25%
- H(High) — 約30%
レベルHでは、コードのおよそ3分の1が覆われてもスキャナーは読み取れます。中央のロゴが収まるのは、その余裕の中です。
なぜロゴは真ん中に置くのか
ロゴが中央に来るのには2つの理由があります。第一に、四隅の3つの大きな四角は**位置検出パターン(ファインダーパターン)**で——スキャナーはこれを使ってコードの位置と向きを特定するので、そこはきれいに保たなければなりません。中央にはそういう役目がないので、覆っても安全な場所です。第二に、覆う範囲をコンパクトかつ中央に保つことで、それ以外のどこにも誤り訂正がメッセージを再構築するのに十分なデータを残せます。
ロゴはどこまで大きくできるか
目安のルール:ロゴはコード面積の約20〜25%未満に抑え、誤り訂正レベルHを使うこと。それより大きくすると約30%の余裕を食いつぶし、安価なカメラや暗い場所でスキャンが失敗し始めます。少しの余白——ロゴの背後に無地の下地——も、スキャナーがロゴとコードを見分けるのに役立ちます。
ブラウザ内で作る
ToolKoalaのQRコードジェネレーターがこれを引き受けてくれます:
- リンクまたはテキストを入力する。
- ロゴを追加する — きれいな下地の上、安全ゾーン内に収まるサイズで中央に配置され、それでも読み取れるように高い誤り訂正でコードが生成されます。
- お好みで色を選び、PNG(または印刷用にロゴなしのSVG)としてダウンロードします。
すべてローカルで動きます——コードはブラウザ内で生成されるので、エンコードする内容がサーバーに触れることはありません。
実用的なコツ
- 完成したコードは必ずテストする — フライヤーを500枚刷る前に、いくつかのスマホで試しましょう。カメラの品質はさまざまです。
- コントラストをしっかり保つ — 明るい背景に濃いコードが一番読み取れます。凝った低コントラストの配色は、「おしゃれ」なQRコードがひっそり動かなくなる場所です。
- 印刷で小さくしすぎない。 データが多い(長いURL)ほどコードが密になり、確実に読み取るにはより大きな物理サイズが必要です。短いリンクはシンプルで丈夫なコードになります。
よくある質問
なぜ一部をロゴで覆ってもQRコードは動くのですか? QRコードにはリード・ソロモン誤り訂正が含まれており、冗長なデータを保存しているため、コードの一部が覆われてもメッセージを再構築できます。最高レベルでは約30%まで覆えるので、中央のロゴを入れる余地があります。
ロゴはどこまで大きくできますか? コード面積の約20〜25%未満に抑え、高い(H)誤り訂正を使いましょう。ロゴが大きくなると復元可能な範囲を超え始め、スキャンが不安定になります。
ロゴはどこに置くべきですか? 中央です。四隅の3つの四角はスキャナーがコードを特定するのに必要な位置検出パターンなので、きれいに保つ必要があります——覆っても安全なのは真ん中です。
オンラインでQRコードを作るとリンクが漏れますか? ToolKoalaでは漏れません——コードはすべてブラウザ内で生成されるので、エンコードする内容がデバイスから出ることはありません。
PNGとSVG、どちらをダウンロードすべきですか? 画面表示や手軽な共有にはPNG(ロゴも保持されます)。印刷にはSVGが最適で、ぼやけずに拡大できます。SVGの書き出しは、ロゴを埋め込まないきれいなコードになります。
— Milo 🐨