本文へ移動
cutty.dev
All posts

会社のロゴ入りQRコードの作成方法 — そして、スキャンする際の安全性について

中央にロゴが入ったQRコードはプロフェッショナルな印象を与え、信頼を築きます。作成方法、スキャン機能を維持するためにロゴが占めることができる最大サイズ、そして外部サーバーにファイルを送信せずに作成する方法をご紹介します。

長年クライアントのためにこれらのコードを作成してきた経験から、私の見解をお伝えしましょう。白黒の正方形は機能します。スキャンも完璧にできます。ただ、隣人のコード、競合他社のコード、そして誰かがポストに入れてきたチラシに載っているコードと全く同じに見えるだけです。個性がありません。

そして、中央にロゴを配置します。これにより、スマートフォンをかざす前に、誰のコードであるかを瞬時に判別できるようになります。また、見慣れたブランドが目に入るため、スキャンへの心理的ハードルも下がります。読み取り結果に大きな差が出ることがあります。

この段階で必ず投げかけられる質問:「これを使うとスキャンができなくなったりしませんか?」 いいえ。適当に(力任せに)行わない限りは、問題ありません。

なぜロゴがQRコード全体を吹き飛ばさないのか

ここには、理解しておく価値のある小さな魔法があります。すべてのQRコードには、エラー訂正機能が組み込まれています。これは一種の冗長なデータで、コードの一部が汚れていたり、しわが寄っていたり、何かに隠れていたりしても、読み取り機が全体を復元できるようにするためのものです。

最高レベル(「H」で示されます)では、コードは表面積の約30%を覆う状態で生存します。中央のロゴは通常20〜25%を占有します。つまり、余裕を持って収まります。

私が常に守っている2つのこと:

  1. ロゴは真ん中に配置してください。角には決して置かないでください。四隅にあるこの3つの太い正方形は位置マーカーであり、リーダーが上下の方向を認識するために使用されます。一つでも隠してしまうと、コードは機能しなくなります。
  2. ロゴに白い縁取りを付けてください。周囲に細いマージンを作ります。これにより、グラフィックがコードの「ピクセル」から分離され、特にロゴの形がギザギザで不規則な場合に読み取り精度が大幅に向上します。

ステップ・バイ・ステップの作業

cutty.dev では、リンクを短縮するついでにこれを行うことができます。なぜなら、すべてのリンクに自動的にQRコードが付与されるからです。では、始めましょう:

  1. リンクを短縮するか、すでにパネルにあるものを開いてください。
  2. 編集ページの「QRコード」セクションに移動します。
  3. ロゴ(PNG、SVG、JPGなど、お手持ちのもの)をアップロードしてください。ロゴは中央に配置され、エラー訂正レベルも自動的に高まります。クリック操作は不要です。
  4. ブランドに合わせて、コードの色と背景色を選択します。
  5. ダウンロードします。画面用やSNS用にはPNG、印刷用にはSVG(鮮明さを失わずに拡大できるため、バナーやロールアップにはSVGが最適です)を使用してください。

プレビューはリアルタイムで更新されます。ディスクに保存される前に結果を確認できます。

注意してください:色はあなたを左右することがあります

これは、人々が最も失敗しやすい瞬間ですので、よく聞いてください。

スキャナーは色を読み取りません。コントラストを読み取ります。コードに色を塗っても構いませんが、ルールを守ってください:明るい背景に暗いコードです。逆はダメです。暗い背景に明るいコードなら、あなたの最新のスマートフォンではスキャンできるかもしれませんが、その後、古いAndroidを使っているクライアントが何も読み取れずに立ち尽くし、悪態をつくことになります。

コードの色を背景色に近づけすぎないようにしてください。黒地に紺色?それは忘れてください。コントラストが強ければ強いほど、遠くからでも確実にコードを読み取ることができます(ショップのウェブサイトやバス停のポスターなどでは、これが非常に重要になります)。

誰も教えてくれないこと:あなたのロゴはどこに辿り着くのか

ロゴ付きコードジェネレーターのほとんどは、ファイルをサーバーにアップロードするように求めてきます。ここで少し立ち止まって考えてみてください。あなたのブランドロゴ、時には唯一のまともなベクター版が、見知らぬプロバイダーの手元に渡ってしまうのです。そして、利用規約にはそのファイルを使用し続ける権利が記載されていることもあります。誰かがこの利用規約を読んだことはあるでしょうか? まさに、そこなのです。

私たちの環境では、コードはお使いのブラウザ内で生成されます。ロゴはあなたのコンピュータから移動せず、どこにも送信されたり保存されたりすることはありません。ファイルはあなたの手元に残ります。

一度印刷すれば、好きな場所に送れる

最後に、再印刷の際にお金を大幅に節約できるアドバイスです。

生のリッチな長いURLではなく、短縮URLからコードを作成してください。なぜでしょうか? 短縮URLに基づいたコードであれば、後から中身を入れ替えることができるからです。管理パネルでリンクの遷移先を変更するだけで、印刷済みの同じコードが突然別の場所に繋がるようになります。キャンペーンが終了しましたか? チラシに手を加えることなく、新しいページへリダイレクトできます。

長いアドレスに直接埋め込まれたコードは固定されています。目的の変更 = 新しいコード = 新しい印刷 = 印刷所からの新しい請求書。名刺を1000枚注文する前に、よく考えてください。