開発 へ戻る
QR コード読み取り — 画像から URL / テキストを抽出

QR コード読み取り — 画像から URL / テキストを抽出

QR コードが写った画像 (PNG / JPG / WebP / GIF) をドロップすると、ブラウザ内で内容を読み取ってテキストや URL を抽出します。URL・メール (mailto)・電話 (tel)・SMS・Wi-Fi 接続情報・地理座標 (geo)・vCard / vEvent などの種類を自動判別し、結果をワンクリックでコピーできます。複数画像をまとめて読み取ることも可能。デコードはすべて端末内で完結し、画像も読み取り結果も外部サーバーには一切送信されません。

開発デコード画像

使い方

QR コードが写った画像 (PNG / JPG / WebP / GIF) をドロップするか、ファイル選択から追加すると、ブラウザ内で読み取りが始まります。内部では createImageBitmap で画像をデコードし、Canvas のピクセルデータ (getImageData) を jsQR (Apache-2.0) に渡して QR コードを検出・復号します。読み取った内容は UTF-8 のバイト列から復元するため、日本語を含むテキストも正しく表示されます。さらに先頭の書式から URL・メール (mailto:)・電話 (tel:)・SMS (smsto:)・Wi-Fi 接続情報 (WIFI:)・地理座標 (geo:)・連絡先 (vCard)・予定 (vEvent) の種類を自動判別し、種類バッジと一緒に結果を表示。URL の場合は「リンクを開く」ボタン、すべての結果に「コピー」ボタンが付きます。複数の画像をまとめてドロップすれば 1 枚ずつ読み取り結果がカードで並びます。画像も読み取り結果も端末の外には一切出ません。

よくある質問

画像はサーバーに送信されますか?
いいえ。読み取りは createImageBitmap と jsQR によってすべてブラウザ内で行われます。社外秘の URL やパスワード入りの Wi-Fi QR でも安心して読み取れます。
どんな画像形式に対応していますか?
ブラウザの createImageBitmap がデコードできる形式 (PNG / JPG / WebP / GIF など) に対応します。スクリーンショットやスマホで撮影した写真の中の QR コードも読み取れます。1 枚の画像に複数の QR コードがある場合は、最も検出しやすい 1 つが読み取られます。
QR コードが見つからないと出るのはなぜ?
QR コードが小さすぎる・ぼやけている・一部が切れている・コントラストが低い場合は検出に失敗することがあります。QR が画像の中央に大きく鮮明に写るようトリミングしてから再度お試しください。そもそも QR コードを含まない画像でも同じエラーになります。
QR コードを作りたい場合は?
逆方向のテキストや URL から QR コードを生成するには qr-generate ツールをお使いください。色やロゴ入りの QR も作れます。バーコード (JAN / EAN / CODE128 など) の生成は barcode-generate にあります。
Wi-Fi や連絡先の QR はどう表示されますか?
Wi-Fi 接続情報 (WIFI:T:WPA;S:SSID;P:パスワード;;) や vCard / vEvent は、その種類を判別したうえで生のテキストをそのまま表示します。SSID やパスワード、連絡先の内容を目視で確認したり、コピーして他のアプリに貼り付けたりできます。

類似のツール

QR コード生成 — テキスト / URL / ロゴ画像入り

QR コード生成 — テキスト / URL / ロゴ画像入り

テキストや URL を QR コード (PNG / SVG) に変換します。サイズ・誤り訂正レベル・前景色 / 背景色を細かく指定でき、中央にロゴ画像 (PNG / JPG / SVG) を重ねることも可能。ロゴを乗せる場合は誤り訂正レベル H 推奨。生成と画像合成はすべてブラウザ内で完結し、入力テキストもアップロードしたロゴも外部に送信されません。

開発生成画像
URL パース — ホスト / パス / クエリ / fragment

URL パース — ホスト / パス / クエリ / fragment

URL をブラウザ標準の URL クラスで protocol / host / port / path / query / hash などに分解し、クエリパラメータも自動で表に展開します。値はパーセントデコード後で表示。各パーツのコピーや、結果全体の JSON ダウンロードに対応。すべてブラウザ内で処理し、URL は外部に送信されません。

開発URL
バーコード生成 — JAN / EAN / UPC / CODE128 / CODE39

バーコード生成 — JAN / EAN / UPC / CODE128 / CODE39

数字や文字列を 1 次元バーコード (JAN-13 / EAN-13・JAN-8 / EAN-8・UPC-A・CODE128・CODE39・ITF・Codabar/NW-7・MSI) に変換し、PNG / SVG として保存できます。バーの太さ・高さ・色・余白や、下部の数字表示の有無を細かく調整可能。チェックディジットの検証も自動で行います。生成はすべてブラウザ内で完結し、入力した値が外部に送信されることはありません。

開発生成画像
Base32 / Base58 エンコード・デコード

Base32 / Base58 エンコード・デコード

テキストを Base32 (RFC 4648 / TOTP 2FA シークレット) と Base58 (Bitcoin アドレス) で相互変換します。方式 (Base32 / Base58) と方向 (エンコード / デコード) を切り替え可能。UTF-8 バイト列ベースで日本語・絵文字も往復。すべてブラウザ内で処理されます。

開発変換エンコードデコード