歪んだQRコード：スキャナーが補正できるもの、できないもの、そして直し方

歪んだQRコードとは何か、そしてQRコードが歪む5つの経路

歪んだQRコードとは、サイズ変更、配置、印刷、撮影のされ方が原因で、モジュールの格子が正方形でも等間隔でもなくなったQRコードのことです。実務でそれを起こすものは5つあり、自分のケースがどれかを名指しすることで直し方が決まります。5つのうち3つはスキャナーが補正し、2つは補正しないからです。

モジュールとは、QRコードを構成する正方形のセル1つのことで、スキャナーが解像しなければならない最小単位です。あらゆる歪みは、そのモジュールが乗っている格子への変化であり、それぞれについて役に立つ問いは、格子がまだ元の図の平らで直線的な写像であるかどうかです。

• 引き伸ばし。 Canva、Word、PowerPoint、スライドツールで辺のハンドルをドラッグしたせいで、コードが縦より横に長い、またはその逆になっています。すべてのモジュールが長方形になりますが、行と列はすべてまっすぐで平行のままです。
• シアー、つまり斜め変形。 イタリック体のようにコードが傾き、一方の辺が向かいの辺に対して横にずれています。平らな箱に斜めに貼られたラベルや、スキュー変形をかけられたアートワークがこれです。線はまっすぐのまま、正方形は平行四辺形になります。
• 遠近、つまり台形ゆがみ。 カメラが正対していないため、コードの遠い辺が近い辺より短く見え、モジュールの間隔がそちらへ向かって縮みます。下から読むポスター、立った高さから読む卓上POP、目の高さより上に取り付けられたコードです。
• 曲面。 コードがボトル、缶、マグカップ、パイプに巻かれているか、折り目、しわ、膨らみの上にあります。面はもはや平面ではないので、格子全体を1つの直線的な写像で表すことはできません。
• 再標本化によるぼやけとピクセル化。 小さなPNGの拡大、スクリーンショット、JPEG、あるいは1モジュールがプリンターのドットの端数に落ちるサイズでの印刷です。格子は幾何学的には無傷ですが、モジュールの縁が甘いか階段状になっていて、コードがくっきり見えないために人はこれを歪んでいると表現します。

最初の3つは平らです。コード全体がなお1つの平面に乗っていて、元の図の直線はすべて写真の中でも直線のままです。これがデコーダーの利用する性質であり、次の節があのような内容になる理由です。

デコーダーが自力で補正するもの、できないもの

デコーダーは、3つのファインダーパターンと位置合わせパターンを通る射影写像を当てはめることで、平面上のあらゆる歪み - 引き伸ばし、シアー、回転、遠近 - を補正しますが、平面でない面や、モジュールを溶かすぼやけは補正できません。実際のコードが失敗するのはこの2つの限界であり、どちらもアートワークの不具合ではなく配置の不具合です。

平らなケースをただで済ませているのが角の3つの四角です。平面上の3点があれば、あらゆるアフィン写像 - 各軸の縮尺、シアー、回転をまとめて - を復元できます。引き伸ばされた、あるいは傾いたコードが、デコーダーに歪みを意識させることさえなく復号できるのはそのためです。4つめの基準点があれば完全な透視写像を当てはめられ、その4つめの点を提供するのが位置合わせパターンです。角の四角と、どんなサイズ・角度でもスキャナーがそれを見つけられる1:1:3:1:1の比についてはQRコードのファインダーパターンが解説しています。

位置合わせパターンとは、QRコードを斜めから撮影したり曲面に印刷したりしたときに、デコーダーが遠近のゆがみを補正できるようにする5モジュールの四角です。ISO/IEC 18004はバージョン2以上 - 25モジュールのコードとそれより大きいもの - のすべてのシンボルに少なくとも1つ、バージョン7からは6つ以上を置いており、デコーダーは隅から隅への1つの推定を信じる代わりに、内部の基準点の間で格子を当て直せます。遠近のゆがみとは、カメラが斜めからQRコードを見たときにコードの見かけの形が変わり、遠い辺が近い辺より短く見えることです。位置合わせパターンが存在するのは、手持ちのスキャンには必ず多少これがあるからです。

どんな基準点でも直せないのは、1つの写像であることをやめた格子です。コードを円筒に巻くと、面がカメラから背を向けるにつれてモジュールの間隔が端へ向かって連続的に縮みます。デコーダーは位置合わせパターンの間で局所的に当て直せますが、バージョン2〜6のコードには右下近くに1つしかなく、外側の列は頼るものがありません。コードを横切る折り目はさらに悪く、2つの平面が1本の線で出会い、そこに影が落ちます。ぼやけはまた別の失敗で、幾何は完璧なまま、暗いモジュールと明るいモジュールが1つの灰色に溶けているだけです。誤り訂正が直すのは誤って読まれたモジュールで、デコーダーがそもそも分離できなかったモジュールには何もしません。その仕組みは誤り訂正レベルにあります。

QRコードはどこまでの歪みに耐えるか：私たちの測定

私たちの測定では、試した平面上の直線的な歪みはすべて完璧に復号できました - 3:1の引き伸ばし、25°のシアー、45°の回転がそれぞれ16回中16回の位置です - 一方、カメラの台形ゆがみは70%と60%の間で崩れ、円筒への巻き付けはコードが円周の25%に及んだ時点で失敗しました。数値はこのサイト自身の測定装置 scripts/distortion-decode-rig.mjs によるもので、2026年9月22日にjsQRをデコーダーとして実行し、完全な表は reports/distortion-decode/results-2026-09-22.txt にあります。

方法を簡潔に。レベルH、クワイエットゾーン4モジュールの41モジュールのコードを1つ、二重に再標本化しないよう逆写像で変形し、鮮明なスマホのフレームがそうなる程度にぼかし、1モジュールあたり6および4撮影ピクセルでサンプリングして、条件ごとに16のサブピクセル位置でデコーダーに渡しました。セルの16はすべての位置で正確なペイロードが読めたこと、0はどの位置でも読めなかったことを意味します。

この表から2つのことが導かれ、それがこのページの実務上の中身です。第一に、劣化する2行は、アートワークでは起こしようのない2つです。台形ゆがみはカメラの位置、巻き付けは物体の形なので、どちらも書き出し直しではなく配置で直します。第二に、私たちが測定に使ったデコーダーは範囲の厳しい側の端です。AppleとGoogleのカメラのデコーダーは非公開で、許容値を公表しておらず、一般にjsQRより寛容なので、ここでのしきい値はすべて、スマホが諦める地点ではなく曲線が折れる地点として扱ってください。

引き伸ばされたQRコード：ハンドルのドラッグでコードが壊れることがまれな理由と、それでも直すべき理由

幅を3倍に引き伸ばしたQRコードでも、私たちのテストではすべての位置で復号できたので、読み取れない引き伸ばしコードには、ほぼ必ず第二の不具合 - 1モジュールあたりのピクセル不足、JPEGの甘い縁、失われたクワイエットゾーン - が引き伸ばしに乗っています。それでも引き伸ばしを先に直してください。目に見える不具合であり、他の不具合が必要とする余裕を食っているからです。

仕組みは単純です。引き伸ばしは一方の軸での一様な縮尺であり、3つのファインダーパターンも一緒に伸びるので、デコーダーが当てはめる格子は最初から長方形です。引き伸ばしが奪うのは解像度です。コードを高さ半分に押しつぶすと、すべてのモジュールの高さが半分になります。これは、その軸に沿ってコード全体を半分のサイズで印刷するのと同じことです。0.5 mmのモジュールで設計したコードが一方向では0.25 mmになり、印刷の最小サイズが定める印刷の下限を割り、デコーダーがどれだけ寛容でも失われたミリメートルは戻りません。

印刷まで届くケースと、それぞれの原因です。

• Canva、Word、PowerPoint、Keynoteの辺のハンドル。 角のハンドルはたいてい比率を保ちますが、辺のハンドルはたいてい図形を引き伸ばすか、写真をトリミングします。図形として置かれたコードを辺から引っ張るのが、引き伸ばされたコードが印刷に至る最もよくある経路です。
• 幅と高さを別々に入力した。 2つの入力欄があり、その間のリンクが外れているダイアログすべてです。MicrosoftのOfficeのヘルプページはこの設定を「Lock aspect ratio」と呼び、Illustratorの変形パネルには「Constrain Width and Height Proportions」と表示されるのが通例のロックがあります。
• 形の固定されたテンプレートのスロット。 横長のバナー枠に正方形のコードを入れた場合や、収まるように拡大縮小される画像プレースホルダーです。コードは手ではなくレイアウトによって引き伸ばされます。
• 「ページに合わせる」に設定されたプリンタードライバー。 ページに合わせる設定はほとんどのドライバーで両軸を一緒に拡大縮小しますが、一部のラベルプリンターの「用紙いっぱいに拡大」や「引き伸ばし」のオプションはそうではありません。

引き伸ばされたラスター画像を、引き戻して修復してはいけません。押しつぶしてから伸ばし直したコードは2回再標本化されており、その都度モジュールの縁が甘くなります。作り直し、SVGか最終ピクセルサイズのPNGとして書き出し、比率をロックして配置してください - どのツールがどのファイルを求めるかはSVGとPNGの使い分けにあります。円形QRコードやカスタム形状のQRコードに対応した無料のQRコードジェネレーター、KoloQRは、クワイエットゾーンを含めてSVG、PNG、PDF、EPSを書き出すので、新しい書き出しは二度目の再標本化なしにどんなサイズにも収まります。

傾いたQRコードと回転したQRコード

回転はQRコードにまったく影響しません - 15°、30°、45°のいずれも16回中16回の位置で復号できました - 。シアーは25°まで完全に復号でき、30°でゼロに落ちました。したがって斜めに貼られたコードは安全で、イタリック体のように傾いたコードも、たいていの人がすでにおかしいと感じる傾きまでは安全です。

2つの結果の違いは示唆に富みます。これは測定ではなく私たちの読みですが、回転は各ファインダーパターンを正方形のまま残すので、中心を通る線は両軸で、ロケーターが探す1:1:3:1:1の区間を依然として横切ります。シアーはファインダーパターンを平行四辺形にし、30°では傾いた四角を縦に確かめる検査がもう比に合わないので、デコーダーはフレームの中にコードがあるという結論に決して至りません。これは検出の失敗であり、その通りに振る舞います。ぎりぎりの読み取りではなく完全な無反応で、QRコードが読み取れない理由の最初の症状です。

実務では、傾きは2つの方向からコードに及びます。アートワークの傾きはデザイン上の選択 - 遠近感のあるモックアップに組み込まれたコードや、IllustratorやPhotoshopのシアーや自由変形のハンドルで引きずられたコード - で、直し方はそれを取り消して代わりに回転させることです。これには何の代償もありません。貼り付けによる傾きは、箱に斜めに貼られたラベルで、箱の面が平らな場合に限って傾きです。円筒に斜めに貼られたラベルは曲面の問題で、後述します。

デザイン上、傾いた構図の中にコードを置く必要があるなら、回転させてください。QRコードに「上」はありません。3つの隅にある3つのファインダーパターンと空いた4つめの隅が、どんな角度でもデコーダーに向きを伝えるので、45°のコードは水平のコードと同じように読めます。このリストで唯一ただで得られる効果です。

斜めから撮影されたQRコード：遠近と台形ゆがみ

斜めから見たコードは、遠い辺が近い辺の長さの80%以上ある間はきれいに復号でき、70%と60%の間で劣化し、50%で失敗しました。これはオープンなデコーダー1つを使った私たちの測定です。手持ちのスキャンには必ず多少の遠近がありますが、失敗するのは、読む人全員が急な角度で見るしかない場所に取り付けられたコードです。

台形ゆがみの数値は、意図的に角度ではなく形で表しています。同じ70%の台形は、近くからの小さな傾きでも、遠くからの急な傾きでも生じます。カメラの距離と焦点距離が、遠近が遠い辺をどれだけ強く圧縮するかを変えるからです。読む人がコントロールできるのは画面上で見える形です。スマホの画面上のコードが、短い辺が長い辺の約4分の3を下回る台形に見えるなら、私たちが試したオープンなデコーダーが持ちこたえた範囲を越えています。

実際の設置でこれが起きる場所です。

• 目の高さより上のコード。 身長1.7 mの人が読む高さ2 mのポスター、店の看板のコード、カウンター上のメニューボードです。誰もが下から読み、読む人の背が低いほど台形は急になります。
• テーブルやカウンターに平置きされたコード。 卓上POPやカウンターのステッカーは、立った高さから急な見下ろし角度で読まれます。POPを傾けるか、コードをスタンドに載せて高くすれば大半は解消します。
• ショーウィンドウの中やガラスの向こうのコード。 読む人は自分の映り込みを避けて脇に立ち、台形ゆがみを一緒に持ち込みます。
• 床のコード。 誘導用の床面デカールを真上から読めるのは、その上に立っている人だけです。

直し方は2つで、どちらも配置です。読む人のスマホの高さ - 立った大人ならおおむね胸から目の高さ - にコードを取り付け、部材が許すなら平らな部材を読む人に向けて傾けてください。それからサイズで余裕を買います。ピラーの「読み取り距離10 cmにつき幅1 cm」は正対して読む場合の数字で、斜めからの読み取りにはそれ以上が要ります。決まった場所から急な角度で読まれるコードは、印刷前にその場所から2台のスマホで確認すべきで、印刷チェックリストはそれを校正の手順に入れています。

曲面のQRコード：ボトル、マグカップ、缶

QRコードの幅は、巻き付ける円筒の円周の約15%以下に抑えてください。私たちの測定が16回中16回で持ちこたえたのがそこで、20%では10と13に落ち、25%では0と2、30%からは何も読めませんでした。スマホは私たちが測定に使ったオープンなデコーダーより寛容ですが、より厳しいデコーダーの範囲の端で設計されたコードは、スマホでは余裕のあるコードになります。

計算は一度だけ。円周は直径のπ倍です。直径7 cmのボトルは π × 7 ≈ 22 cm で、22 cmの15%は約3.3 cm - つまりそのボトル上のコードは幅3.3 cm程度までにすべきです。6.6 cmの飲料缶（周囲約21 cm）なら約3.1 cm、9 cmのマグカップ（約28 cm）なら約4.2 cm、3 cmのバイアル（約9.4 cm）なら約1.4 cmで、これは印刷したコードに必要な2 cmの下限を割っており、コードはそもそもバイアルの曲面に置くべきでないということになります。

この規則が見た目以上に厳しく効く理由が2つあります。

• 巻かれるのは幅で、高さは自由です。 円筒は軸方向には平らなので、15%を消費するのはコードの幅だけです。コードは正方形なので、補うために高くすることはできませんが、周りのラベルは、コストのかからない方向に文章を配置できます。
• 小さなコードには短い内容が要ります。 41モジュールのコードを3.3 cmに収めると0.8 mmのモジュールになり、どんな紙でも余裕があります。同じ3.3 cmに長いトラッキングURLからの77モジュールのコードを収めると0.43 mmになり、非コート紙の下限0.5 mmを割ります。QRコードの容量にバージョンごとのモジュール数があります。コードを縮める前にURLを短くしてください。

規則を満たせない場合は、コードを曲面から外してください。キャップやふた、下げ札、箱の平らな底面、ボトルから離れて立つネックラベル、先細りの容器の最も平らな面は、いずれも平らなコードとして読めます。難しいのは軟包装です。パウチや包み紙は決まった曲面を持たず、コードを横切ってしわが寄ります。しわは2つの平面と影であり、何も補正できません。パックがぴんと張られる場所か、外箱にコードを置いてください。

ぼやけた、またはピクセル化したQRコード：幾何ではない歪み

歪んで見えるのに縁がまっすぐで角が直角なQRコードは、歪んでいるのではなく解像度不足で、直すのは配置ではなくファイルです。ぼやけとピクセル化は、コードを小さすぎるサイズで書き出した、JPEGで保存した、ラスターから拡大した、スクリーンショットにした、あるいは1モジュールがプリンターのドットの端数になるサイズで印刷したときに起こります。

見分けるポイントはモジュールの縁です。再標本化は柔らかい灰色のふちを、非可逆圧縮はリンギングとブロックを、小さなPNGの拡大は、鋭いけれど間違った階段状の縁を残します。3つとも格子はあるべき場所にあるので、上で述べた平面上の歪みへの許容は何の役にも立たず、失敗は「画面では読めるのに紙では読めない」「近づけないと読めない」という形で現れます。

規則は、最終サイズで1モジュールあたり整数ピクセルにするか、間違えるべきピクセルを持たないベクターファイルにすることです。QRコードの解像度とDPIに両方向の計算があり、DPI計算ツールがそれを実行します。SVGとPNGの使い分けは、どの送り先がどの形式を取るかを決めます。QRコードのスクリーンショットは、印刷物には決して正しいファイルではありません。

歪んだQRコードの診断と修正の手順

何かを変える前に、5つの歪みのどれを抱えているかを突き止めてください。3つはファイルで直し、2つは壁で直すからです。手順は10分ほどで、すべてのスキャン診断がそうあるべきように、アートワークと配置を切り分けることから始まります。

1. 配置したファイルを復号する. 書き出したファイルをQRコードスキャナーツールに投げてください。ファイルは読めて配置したコードが読めないなら、不具合はレイアウト、書き出し、または物体の上で入り込んでいます。
2. レイアウト上でコードが正方形か確かめる. 配置したコードを選択し、幅と高さを読み取ります。差があれば引き伸ばしです。整数ピクセルでモジュール数の倍数になっていない値は再標本化です。
3. ファインダーパターンを見る. 角の3つの四角は正方形であるはずです。長方形なら引き伸ばし、平行四辺形なら傾き、縁が甘いか階段状ならファイルが再標本化されています。
4. 読む人が立つ場所に立つ. 実際の位置からスマホの画面上のコードを見ます。短い辺が長い辺の約4分の3を下回る台形なら、アートワークではなく配置の不具合です。
5. 曲面に対してコードを測る. 円筒の場合、コードの幅を円周で割ります。約15%を超えるなら、コードを縮めるか、内容を短くするか、平らな部分へ移してください。
6. 修復ではなく作り直す. 引き伸ばし、傾き、再標本化の場合は、SVGか最終ピクセルサイズのPNGとして新しいコードを書き出し、比率をロックして配置します。ラスター画像を引きずって形に戻してはいけません。
7. アートワークを検証し、1枚校正する. 書き出しをQRコードバリデーターに通して余白、コントラスト、モジュールサイズを確かめ、それから実物に1枚印刷して、実際の位置から2台のスマホで読み取ります。

2つのツールは別の仕事をします。QRコードスキャナーは、すでに手元にあるファイル - 引き伸ばされたPNG、ボトルの写真 - を読み、デコーダーがそこからペイロードを取り出せるかを教えてくれます。QRコードバリデーターは、これから配置するアートワークを検査し、指定した印刷幅での余白、コントラスト、モジュールサイズを報告します。曲面や斜めの配置が真っ先に食うのがその数字です。

ツールと状況ごとの直し方

ほぼすべての歪みは、名前が付けば一行で直ります。下の表は、コードが歪む場所ごとに、それを元に戻す操作を対にしています。メニューの表記はバージョンによって変わるので、名前は正確な文言ではなく探す手がかりとして扱ってください。Figmaの行については、QRコードをFigmaにコピーするにコードをベクターのまま保つ貼り付け経路があります。

最後に、これらの前に除外しておく価値のあることが1つあります。スマホで完璧に読めたのに何も役に立つことが起きないコードは、そもそも歪んでいません。シンボルは仕事を果たし、その先の飛び先が果たさなかったのであり、トラブルシューティングのピラーが飛び先の不具合として扱っています。装飾がスキャン性能を高めることは決してなく、曲面や斜めに置かれた装飾コードは、素のコードより使える許容量が少なくなります。装飾モジュールは各セルに置くインクが少ないからです - その測定はカスタム形状のQRコードは読み取れるのかにあります。