無料QRコード読み取りツール：画像やカメラからオンラインでスキャン

画像をドロップすると、ツールはその画像を画面外のキャンバスに描画します。最近のスマホで撮った写真は1200万〜4800万画素もあり、デコーダーに必要な解像度をはるかに超えているうえ、1ピクセルずつ走査すると時間がかかります。そのため、長辺が1600pxを超える画像はまず縮小します。次に、キャンバスのピクセルをデコーダーに渡します。Chromium系のブラウザ（Chrome、Edge、Brave、Samsung Internet、Android版Chrome）では、ブラウザに組み込まれたBarcodeDetector APIをqr_code形式で使います。高速で、回転や傾きにも強いのが特長です。FirefoxとSafariは2026年時点でBarcodeDetectorを搭載していないため、JavaScriptのデコーダーであるjsQRを必要に応じて読み込み、同じピクセルデータに対して実行します。

デコーダーはまず3つの位置検出パターンを探します。それぞれ7×7のブロックで、どの方向に見ても暗部と明部の連なりが1:1:3:1:1の比率になっています。3つ見つかればコードの位置・サイズ・回転がわかるので、モジュールの格子を計算し、各モジュールを暗か明かで判定してから、形式情報を読み取ります。形式情報には、8種類あるマスクパターンのうちどれを使ったかと、誤り訂正レベルが記録されています。続いてデータのマスクを解除し、ビット列をコード語に分割して、リード・ソロモン符号のデコーダーに渡します。

リード・ソロモン符号は8ビットのシンボル（GF(256)）単位で動作します。レベルHのコードはコード語のおよそ半分を誤り訂正に充て、損傷したシンボルの約30%を復元できます。レベルLは訂正に使う割合が最も少なく、復元できるのは約7%です。傷のついたステッカーやコーヒーのシミ、コードの中央に配置したロゴがあっても読み取れるのはこのためです。ただし、それも損傷が訂正能力の上限を超えるまでの話です。その後、デコーダーはモード指示子（数字、英数字、バイト、漢字）を読み取り、訂正済みのコード語をテキストに変換します。このツールではバイトモードの内容をUTF-8として解釈します。最近のQRコード生成ツールは、どれもUTF-8で出力しています。

最初の処理で何も見つからなければ、1000pxと600pxで再試行します。巨大な写真の中の小さなモジュールは、画像を縮小したほうが読み取りやすくなることがあるためです。さらに、グレーを黒と白に近づけるコントラスト伸張をかけて、もう一度試します。これにより、色あせた印刷物や、モアレが出た画面の写真も読み取れるようになります。また、jsQRは inversionAttempts を attemptBoth に設定して実行するため、暗い地に明るい色のコードも読み取れます。カメラの場合も同じで、コードが見つかるまで requestAnimationFrame のループでvideo要素からフレームを取得し、見つかったらトラックを停止してカメラのランプを消します。