ロゴ入りQRコードが読み取れない原因と対策

チラシやPOPを印刷したあとで、QRコードが読み取れないことに気づいた。

パソコンの画面では問題なく読み取れていたのに、実際に紙へ印刷してみるとお客さんのスマホがなかなか反応しない。すでに何十枚、何百枚と刷ってしまっていれば、修正して印刷し直すことになります。

ロゴ入りのQRコードでは、こうした失敗が起こることがあります。特に気をつけたいのが、ロゴの大きさと色の選び方の2つです。

QRコードには多少欠けても読み取れる仕組みがありますが、どこまで隠しても大丈夫というわけではありません。また、デザインを優先して色を薄くしすぎると、人の目にはきれいに見えていてもスマホでは判別できなくなることがあります。

この記事では、ロゴ入りQRコードが読み取れなくなる理由と、印刷前にできる対策を、できるだけ専門用語を使わずに説明します。

まず覚えておきたい4つのポイント

細かい仕組みを読む前に、失敗を防ぐためのポイントだけ先にまとめます。

この4つを守るだけでも、読み取りトラブルはかなり防ぎやすくなります。では、なぜこのような決まりがあるのでしょうか。

QRコードは、一部が隠れても読み取れるようにできています

QRコードの中央にロゴを置くと、当然その部分の模様は見えなくなります。それなのに読み取れるのは、QRコードに誤り訂正という仕組みが入っているためです。

QRコードは、少し汚れたり欠けたりしても読み取れるように設計されています。屋外や工場など、必ずしもきれいな状態で使われるとは限らないため、最初から「一部の情報が失われても復元できる余力」が用意されているのです。

中央にロゴを置くというのは、この仕組みを利用して、意図的にQRコードの一部を隠している状態にあたります。つまり、ロゴを入れても読み取れるのは、見えなくなった部分を誤り訂正が補っているからです。

ただし、復元できる量には限界があります。ロゴが大きくなりすぎてその限界を超えると、読み取れなくなります。

ロゴは「なんとなく小さめなら大丈夫」なのではなく、QRコードが持っている復元能力の範囲内に収める必要がある、ということです。

ロゴは20〜25%程度に抑えるのが安全です

QRコードの誤り訂正能力は、作成するときに4段階から選べます。

誤り訂正レベル	復元できる欠損の割合
L（Low）	最大 約7%
M（Medium）	最大 約15%
Q（Quartile）	最大 約25%
H（High）	最大 約30%

ロゴを入れる場合は、最も誤り訂正能力が高いレベルHを使います。レベルHなら、QRコードの約30%が欠けても復元できます。

ここだけを見ると「それならロゴも30%まで大きくしていいのでは」と思うかもしれません。しかし、この30%はロゴだけのために使える余裕ではありません。

実際にQRコードを使うときには、ロゴ以外にもさまざまな読み取りにくさが加わります。印刷したときにインクがにじんだり、紙がかすれたり。チラシが折れたり、店頭に置いているうちに汚れたり日焼けしたりもします。

スマホ側の条件も毎回同じではありません。斜めから読み取ることもあれば、暗い店内で読み取ることもあります。カメラがピンボケしたり、手ぶれしたりもするでしょう。

もしロゴだけで誤り訂正の30%を使い切ってしまえば、こうした現実の劣化を補う余力が残りません。「パソコンの画面では読めたのに、印刷したら読めなかった」という失敗が起きるのは、このためです。

ディスプレイ上ではQRコードがくっきり表示され明るさも十分なので、限界ぎりぎりのデザインでも読み取れてしまうことがあるのです。

そのため、ロゴは限界まで大きくするのではなく、全体の面積の20〜25%程度に抑え、残りの余力を印刷や読み取り環境のために取っておくのが安全です。

ロゴを置くなら中央。三隅の四角は隠さない

ロゴ入りQRコードを見ると、ほとんどの場合ロゴは中央に置かれています。これは単に見た目のバランスがいいからではありません。

QRコードの三隅には、大きな四角い模様があります。この四角は、スマホがQRコードを見つけたときに「これはQRコードだ」「この向きで読み取ればいい」と判断するための重要な目印です。

そのため、三隅の大きな四角にはロゴを重ねないでください。ロゴを置くのであれば、中央付近が比較的安全です。

もうひとつ忘れやすいのが、QRコードの外側にある白い余白です。デザインを作っていると、QRコードを枠いっぱいまで大きくしたくなることがありますが、この余白も読み取りのために必要なものです。

周囲に文字やイラストをぎりぎりまで置いたり、白い余白を削ったりせず、十分なスペースを残してください。

おしゃれな色にするときほど、明るさに注意してください

ロゴの大きさと並んで失敗しやすいのが、QRコードの色です。

QRコードの読み取りでは、色の種類そのものよりも、明るい部分と暗い部分の差が重要になります。そのため、人の目には十分見えている色でも、スマホのカメラではうまく区別できないことがあります。

特に注意したいのが、薄いグレーや淡いパステルカラーです。白い背景に薄いピンクや水色、黄色などでQRコードを作ると、デザインとしてはやさしい印象になります。しかし背景との明るさの差が小さくなるため、読み取りに失敗しやすくなります。

基本は、明るい背景に、濃い色のQRコードです。QRコードは「暗いコード・明るい背景」を前提に作られているため、白い背景に黄色や明るい水色などを使うと十分なコントラストを確保できません。

「黒だとデザインに合わない」という場合でも、必ず黒にする必要はありません。濃いネイビー、濃いグリーン、濃いブラウンなど、背景より十分に暗い色を選べば使えます。

デザインに合わせて色を変えるときは、色味よりも明るさの差を優先すると考えておくと失敗しにくくなります。

ロゴ入りQRコードを実際に作る方法

ここまでの条件を毎回自分で設定するのが面倒な場合は、当サイトの無料ツールでもロゴ入りQRコードを作れます。登録は不要で、ブラウザだけで利用できます。入力した内容がサーバーに送信されない作りにしてあります。

使い方は次のとおりです。

1. ツールを開く
2. QRコードにしたいURLを入力する
3. 入れたいアイコンを選ぶ（WiFi・ショップ・電話・メール・地図など）
4. 色を選ぶ
5. PNGでダウンロードする

ロゴ入りQRコードを無料で作る →

中央にアイコンを埋め込みます

このツールでは、アイコンを選んだ時点で誤り訂正レベルを自動的にH（最大）へ切り替えています。ロゴの大きさも安全な範囲に固定しているため、この記事で説明した設定を毎回手作業で調整する必要はありません。

また、選んだ色が背景に対して薄すぎる場合は警告が出るようにしています。実際に読み取りトラブルにつながりやすい部分だからです。

QRコードの色や、ドットの形を丸くするなど、見た目をもう少し細かく変更したい場合はこちらを使えます。

おしゃれなQRコードを無料で作る →

色・ドット・コーナーの形を変更できます

チラシやPOPに載せるために、「スキャンしてね」などの文字と枠を付けたい場合はこちらです。

フレーム付きQRコードを無料で作る →

文字入りの枠を付けてスキャン率を高めます

最後は、必ず「印刷した実物」で確認してください

ロゴの大きさや色を正しく設定していても、最後に必ずやってほしいことがあります。それは、実際に使うサイズで印刷して、スマホで読み取ることです。

パソコンやスマホの画面に表示したQRコードは、印刷物よりも読み取り条件が良いことがあります。そのため、画面上で読み取れたからといって、紙でも同じように読めるとは限りません。

チラシに載せるのであれば、実際のチラシと同じ大きさで一度印刷してください。できれば自分のスマホだけでなく、iPhoneとAndroidなど複数の端末で試しておくと安心です。

店頭で使うPOPなら、お客さんが実際に立つ位置から読み取れるかも確認してみてください。屋外に設置する場合は、昼と夜で読み取りやすさが変わることもあります。

特に注意したいのが、名刺やチラシの隅などにQRコードを小さく載せる場合です。QRコードそのものが小さくなると、一つひとつのドットも小さくなります。印刷時につぶれたり、カメラが模様を判別できなくなったりするため、読み取りに失敗しやすくなります。

印刷するQRコードは、2cm角以上を目安にしてください。

「画面で読めたから大丈夫」ではなく、実際に使う紙・大きさ・場所で読めることを確認してから印刷するのが、刷り直しを防ぐ一番確実な方法です。

まとめ

ロゴ入りQRコードが読み取れなくなる原因として、まず確認したいのはロゴの大きさと色です。

ロゴは大きくしすぎず、QRコード全体の面積の20〜25%程度までに抑えます。ロゴを入れる場合は誤り訂正レベルHを使い、三隅にある大きな四角は隠さないようにします。

色を変更するときは、背景よりもQRコードを暗くしてください。淡い色同士を組み合わせるより、明るい背景と濃いコードを組み合わせるほうが安全です。

そして完成したら必ず実際の大きさで印刷し、スマホで読み取れるか確認します。小さく載せる場合は2cm角以上をひとつの目安にしてください。

QRコードの仕組みを少し知っておけば、どの作成ツールを使う場合でも「これは危なそうだな」と判断しやすくなります。

チラシやPOPを大量に刷ったあとで気づくと、修正にも印刷にも余計な手間と費用がかかります。印刷ボタンを押す前のひと手間として、ロゴの大きさ、色、そして実物での読み取り確認を思い出してもらえたらと思います。