QRコードには誤り訂正機能があるため、読み取りを損なわずにロゴを入れられます。レベルHなら、コードの約30%が損傷しても読み取れます。実用的なルールは、レベルHを使うこと、ロゴと背面の白い余白を合わせて、コード面積の約20〜25%以内に収めること、四隅の3つの四角を隠さないこと、そして印刷する前にたくさんのスマホでテストすることです。
- ロゴがQRコードの一部を隠しても、それを補うのが誤り訂正です。ロゴを入れるときは、コードの約30%まで復元できるレベルHを使います。
- ロゴと白い余白を合わせて、QRコードの面積のせいぜい20〜25%、幅にすると45〜50%に収めましょう。
- ロゴは中央に、無地の背景の上に置き、四隅の3つの四角から離します。
- このサイトでは、QRコードのロゴは無料アカウント(Googleでログイン)で使えます。色と形は登録なしで使えます。
ロゴ入りのQRコードが、それでも読み取れるのはなぜ?
QRコードが、情報に余裕を持たせて保存しているからです。誤り訂正は、計算された冗長性で、デザインの一部が消えたり、汚れたり、隠れたりしても、内容を復元できます。QRコードの規格であるISO/IEC 18004は、4つのレベルを定めています。
| レベル | 復元できる割合 | 主な用途 |
|---|---|---|
| L | 約7% | 画面表示や、清潔な環境 |
| M | 約15% | 一般的な用途。ロゴなしのQRコード |
| Q | 約25% | すり減りやすい印刷物 |
| H | 約30% | 中央にロゴを入れたQRコード |
ロゴは、わざと作った傷のようなものです。モジュール(コードの小さな四角)を隠し、誤り訂正が隠れた部分を復元します。ただし、余裕は1つしかなく、反射、汚れ、折れた紙、性能の低いカメラといった現実の問題にも使われます。だから、ロゴは30%をまるごと使ってはいけません。
QRコードのロゴの最大サイズは?
ロゴと背面の白い余白を合わせて、コード面積の約20〜25%までです。面積は二乗で増えるので、QRコードの幅の45〜50%のロゴに相当し、見た目よりずっと大きくなります。これは上限であって、目標ではありません。
| ロゴの幅(余白を含む) | 占める面積 | 実際のところ |
|---|---|---|
| QRコードの幅の25% | 約6% | 余裕たっぷり |
| 33%(3分の1) | 約11% | 出発点にちょうどいい |
| 40% | 16% | 印刷がきれいなら、まだ余裕あり |
| 45% | 約20% | 推奨される上限 |
| 50% | 25% | 上限:念入りなテストをした場合のみ |
| 55%以上 | 30%以上 | レベルHの余裕を使い切ってしまうので、使わないでください |
たとえば一辺4 cmのQRコードなら、幅の3分の1で約1.3 cmのロゴになり、面積25%の上限は2 cmの正方形です。小さく始めて、すべてのテストに通った場合にだけ大きくしましょう。
ロゴの背面に、白い余白を残すのはなぜ?
ロゴの背面の余白は、ロゴの絵とQRコードのドットを分ける無地の帯です。これがないと、カメラにはロゴの一部がモジュールにくっついて見えてしまい、どこまでがコードでどこからが飾りなのか判断できません。
- ロゴは、QRコードの背景色と同じ、無地の四角か円の中に置きます。
- ロゴとドットの間に、少なくとも1モジュール分の幅の余白を残します。
- ロゴの下にあるドットは重ねるのではなく取り除きます。透明な背景のロゴをドットの上にそのまま置くのは、最悪の組み合わせです。
- この余白も、20〜25%の中に含めて数えます。
ロゴを置いてはいけない場所は?
- 四隅の3つの大きな四角の上。これは位置を示す目印で、カメラはこれでコードを見つけ、向きを判断します。1つでも隠れると、レベルHでも読み取りに失敗しやすくなります。
- 外側の余白。QRコードのまわりにある4モジュール分の空白帯、クワイエットゾーンにも、ロゴ、文字、枠を置いてはいけません。
- QRコード全体の背面。ドットの下に透かしのようにロゴを敷き詰めると、コード全体のコントラストが下がります。
正しい場所は中央で、3つの位置の目印から十分に離します。
ロゴの色は、読み取りに影響する?
ロゴは、無地の枠の中に収まっていれば、どんな色でも大丈夫です。コントラストが必要なのは、QRコードのドットで、明るい背景に濃い色が基本です。ドットにブランドカラーを使うなら、パレットの中でいちばん濃い色を選び、イエロー、ゴールド、パステル系の色は邪魔にならないロゴ側に回しましょう。色の組み合わせについては、カラーQRコードのガイドでも詳しく紹介しています。
ロゴ入りのQRコードは、大きくする必要がある?
少しだけ。レベルHは冗長性を多く持ち、冗長性は場所を取るので、同じ内容でもモジュールが増えます。規格ISO/IEC 18004の容量表によると、アドレスhttps://qrcodegratuito.com.brは、レベルMで29 × 29モジュール、レベルHで33 × 33モジュールになります。同じ印刷サイズなら、1モジュールは小さくなります。
そこにロゴが隠す面積が加わります。結論はシンプルで、ロゴ入りQRコードは短いリンクにして、距離のルール(QRコードの一辺 ≈ 読み取る距離 ÷ 10)で出る数字より少し大きめにします。素材ごとの一覧は印刷用QRコードのサイズのガイドにあります。
ロゴ入りQRコードは、どうやってテストする?
- 少なくとも2台のスマホ、iPhoneとAndroidで画面から読み取り、古めの機種も加えます。
- カメラとGoogleレンズの両方で試します。
- 最終サイズの試し刷りを100%で印刷し、実際の距離から読み取ります。
- 暗い場所と、少し斜めの角度でも試しましょう。実際の使い方では、そうなります。
- どれかの端末で失敗したら、ほかをいじる前に、まずロゴを小さくしてください。
それでも読み取れない? QRコードが読み取れない?12の原因と解決方法のガイドで、ほかの原因もチェックできます。
ここで、QRコードにロゴを入れられる?
無料アカウントがあれば入れられます。Googleでログインし、「カスタマイズ」を開いて、ロゴとサイズ(小、中、大)を選びます。ロゴはお使いの端末の中だけで処理され、送信も保存もされません。サイトが自動で誤り訂正レベルHをオンにして、読み取りをテストします。アカウントなしでも、ずっと無料のQRコードなら、次のような形でブランドらしいQRコードにできます。
- ドットと背景の色を、カラーコードで、ブランドの色そのままに。
- ドットの形(四角、丸み、ドット、葉っぱ、しずく)と、角の形(四角、丸み、丸)。
- 8つのおすすめスタイルと、透明な背景。
- 自動の読み取りテストが、コントラストが低いときに知らせます。
ロゴは、QRコードの中ではなく、横に置く方法もあります。ディスプレイ、名刺、パッケージなら、上にロゴ、下にQRコード、そしてそれが何を開くのかを一言で書きます。どの誤り訂正レベルでも使えます。制作物を作る人にはSVGでQRコードを渡しましょう。理由はPNGかSVGかで説明しています。
よくある質問
ロゴ入りQRコードは、どのスマホでも読み取れる?
ルールを守れば読み取れます。レベルH、余白つきの控えめなロゴ、十分なコントラストが条件です。それでも、印刷する前に、古めの機種を含めて、いろいろな端末でテストしてください。
ロゴは丸と四角、どちらがいい?
どちらでも大丈夫です。大切なのは余白を含めたロゴ全体の面積で、同じ幅なら、円は正方形より約20%面積が小さくなります。
ロゴ入りのQRコードに期限はある?
静的なら、ありません。ロゴはただの絵で、内容はコード自体に書き込まれたままです。期限があるのは動的QRコードで、ロゴの有無にかかわらず、提供会社のサービスが停止されたときに使えなくなります。
ここでQRコードにロゴを入れると、いくらかかる?
無料です。QRコードへのロゴは無料アカウントで近日公開予定で、色、形、透明な背景は、登録なしですでに使えます。
