QRコード生成

URL やテキストから QR コードを作成。色、四角・ドット・丸みのスタイル、誤り訂正 L~H、中央ロゴに対応し、PNG か SVG で保存。

入力内容とファイルはブラウザ内に留まります

エンコードするテキストまたは URL を入力...

色

オプション

スタイル

ロゴ (任意)

ロゴをここにドロップするか、クリックして選択

QRコードの中央にロゴを追加します。高いエラー訂正 (Q または H) を使用すると最良の結果が得られます。

プレビュー

QRコードはここに表示されます
このページの内容

リンク、テキスト、Wi-Fi 文字列の QR コードを作成し、色、スタイル、誤り訂正レベル、サイズを選んでロゴを追加し、PNG または SVG でダウンロードできます。コードはブラウザ内で生成されます。

詳細な機能

内容は UTF-8 のバイト列としてエンコードされるため、どの言語の文字や絵文字も使えます。誤り訂正 L、M、Q、H はそれぞれ約 7・15・25・30% の損傷を復元でき、レベルが高いほどコードは密になります。容量は L で最大 2953 バイト、H で 1273 バイトで、それを超える内容は壊れたコードではなくエラーが表示されます。

PNG はちょうど 256・512・1024・2048 px で、4 モジュール以上のクワイエットゾーンが付きます。四角、ドット、丸みを帯びた のスタイルはデータモジュールの形を変えますが、3 つのファインダーパターンは常に四角のままなので、どのスタイルでも読み取れます。ロゴ(PNG・JPEG・WebP)は背景パッド付きで中央に配置され、そのサイズは誤り訂正レベルに応じて大きくなります(H でコード幅の最大 30%)。ロゴを入れるなら Q か H を使い、実際のスマートフォンで読み取りを確認してください。どのロゴサイズでも読み取りが保証されるわけではありません。SVG はロゴなしの四角スタイルでのみ利用できます。

色はカラーピッカーか 16 進値(#RRGGBB)で指定し、不正な値は指摘されます。2 色のコントラストも表示され、低い場合や反転している場合は警告が出ます。生成は Rust/WebAssembly を使ってブラウザ内で行われ、入力やオプションの変更に合わせてプレビューが自動で更新されます。

実用例

Web サイトのリンク: https://example.com をレベル M・512 × 512 で生成すると、ちょうど 512×512 px の qrcode.png になります。QRコードスキャナーで読み取ると リンクを開く ボタンが表示されます。

Wi-Fi 接続: WIFI:T:WPA;S:MyNet;P:secret123;; はネットワークの接続情報をエンコードし、スマートフォンのカメラで読むと接続を提案されます。

ブランド入りコード: Branded code を丸いロゴ、レベル H、丸みを帯びた スタイル、1024 × 1024 で生成しても、元のテキストに正しくデコードされます。

データが多すぎる場合: 3000 文字は最大容量を超えるため、コードの代わりにエラーが表示されます。

このツールの使い方

  1. 内容を入力する

    内容 に URL またはテキストを入力します。

  2. 見た目を選ぶ

    QRコードの色 と 背景色 を設定し、スタイル、エラー訂正レベル、画像サイズ を選びます。

  3. ロゴを追加する(任意)

    ロゴ (任意) に PNG・JPEG・WebP 画像をドロップし、Q か H に切り替えます。

  4. 確認してダウンロードする

    プレビューは入力に合わせて更新されます。最新になったら PNG、またはロゴなしの四角スタイルなら SVG をダウンロードします。

ヒントとベストプラクティス

  • コントラストをはっきりさせましょう。明るい背景に暗いモジュールが最も確実に読み取れます。色を反転したコードは一部のスキャナーで読めません。
  • 内容が短いほどコードの密度が下がり、離れた場所からも読み取りやすくなります。できれば短い URL を使いましょう。
  • ロゴを入れるならレベル H を使い、印刷前にスマートフォンで読み取りを確認してください。
  • 印刷用には SVG(ロゴなしの四角スタイル)か 2048 px の PNG を使いましょう。
  • コードの周りの白い余白は残してください。スキャナーにはクワイエットゾーンが必要です。