使い方
「何を入れますか」で種類を選ぶと、それに合った入力欄が出ます。必須の欄を埋めると、すぐ「プレビュー」にQRコードが描かれます。読み取ったスマートフォンが種類を見分けられるように、このツールが入力内容を決まった形式の文字列に直して入れます。
| 種類 | 必須の入力 | コードに入る文字列の例 |
|---|---|---|
| テキスト / URL | 「テキストまたはURL」 | 入力したとおり |
| Wi-Fi | 「ネットワーク名（SSID）」 | WIFI:T:WPA;S:MyCafe;P:coffee\;2026;; |
| メール | 「宛先」 | mailto:hello@example.com?subject=Hi%20there |
| 電話番号 | 「電話番号」 | tel:+12125551212 |
| SMS（テキストメッセージ） | 「宛先の電話番号」 | SMSTO:+12125551212:Hello |
| 連絡先 | 「氏名」 | BEGIN:VCARD で始まるvCard 3.0 |
- Wi-Fiの「セキュリティ方式」を「なし（公開）」にすると「パスワード」の欄が消えます。「ステルスネットワーク」をオンにすると、その印も一緒に入ります。
- 電話番号は数字が2桁以上必要で、
+、かっこ、ハイフン、ピリオド、スペースを混ぜて書けます。コードに入るのは区切りの記号を除いた番号だけです。+1 (212) 555-1212が上の表の+12125551212になります。 - メールの「件名（任意）」と「本文（任意）」は、URLに入れられる形に直してから入れます。スペース1つは3文字（
%20）、éは6文字、ハングル・漢字・かなは1文字が9文字になるので、長く書くとコードがみるみる細かくなります。
できあがったコードは「PNGをダウンロード」と「SVGをダウンロード」で保存します。ブラウザが対応していれば「画像をコピー」のボタンも出て、PNGをそのままクリップボードに入れられます。
誤り訂正レベルと入れられる分量
QRコードは、黒と白の小さな正方形のマス（モジュール）を格子状に並べて内容を表します。「誤り訂正レベル」は、コードの一部が汚れたり隠れたりしても読み取れるように、復元用の情報をどれだけ入れるかを決める値です。レベルを上げると復元できる範囲が広がる代わりに、同じ内容でもマスが多く必要になり、入れられる最大の分量は減ります。
| レベル | 復元できる損傷 | 英字・記号の最大 | 3バイト文字の最大 | 例のURLのマス数 |
|---|---|---|---|---|
| L | 約7% | 2,953文字 | 984文字 | 33 × 33 |
| M（初期値） | 約15% | 2,331文字 | 777文字 | 37 × 37 |
| Q | 約25% | 1,663文字 | 554文字 | 45 × 45 |
| H | 約30% | 1,273文字 | 424文字 | 49 × 49 |
「例のURL」は、77文字の https://example.com/products/summer-sale-2026?utm_source=poster&utm_medium=qr です。「英字・記号の最大」は小文字の混ざった普通の文章を基準にした値で、数字だけならLで7,089桁まで入ります。ハングル・漢字・かなやユーロ記号（€）のように、UTF-8で1文字が3バイトになる文字は、英字の3分の1しか入りません。最大を超えると、プレビューの場所に、レベルを下げるか内容を減らすようにという案内が出ます。
同じ大きさで印刷するなら、マスの数が多いほど1マスが小さくなり、カメラで読み取りにくくなります。画面に表示する短いURLならLかMで十分で、印刷物がこすれたり汚れたりしそうな場所に貼るならQかHのほうが向いています。分量に余裕がほしいときは、URLから計測用のパラメーターを外して、まず内容のほうを減らしてください。
ロゴと色
「中央ロゴ（任意）」には、PNG・JPG・WebP・SVGの画像を2MBまで入れられます。
- ロゴを入れると、隠れた部分を復元できるように「誤り訂正レベル」がHに固定され、選べなくなります。ロゴを削除すると、前に選んでいたレベルに戻ります。
- 「ロゴのサイズ」の「小」はQR画像の幅の16%、「中」は20%です。
- ロゴは正方形の枠いっぱいに入ります。横長や縦長の画像は中央だけが残って両端が切れるので、正方形に近い画像を使ってください。
- 「ロゴの背後に背景色のパディングを入れる」は、ロゴのまわりを背景色で縁取り、ロゴとコードのマスがくっついて見えないようにします。この縁取りは、背景を透明にしていても不透明な背景色で塗られます。
「前景色」と「背景色」は、色の横のスライダーで不透明度を別々に調整できます。背景を0%まで下げると、ほかのデザインの上に重ねられる透明なコードになります。色を選んでいる間に、次の3つの警告が出ることがあります。
- 前景色の不透明度が100%より低いときの警告。後ろに来る地の色によってはマスが薄く見えるためです。
- 前景色と背景色のコントラストが4:1より低いときの警告。白い背景に純粋な赤（#ff0000）は4:1にわずかに届かず警告が出て、青（#0000ff）は約8.6:1なので出ません。
- コントラストは十分でも、前景色が背景色より明るいときの警告。暗い背景に明るいマスのように明暗が逆になったコードは、リーダーによっては読み取れないことがあるためです。
コントラストと明暗の検査は、背景の不透明度を考慮しません。色を変えたコードは、配る前に何台かのスマートフォンで実際に読み取ってみてください。
印刷する前に
- 余白：「余白（モジュール単位）」は、コードのまわりに空けておく帯（クワイエットゾーン）の幅をマスの数で決めます。初期値は4マスで、0〜20マスの範囲で変えられます。カメラはこの帯を手がかりにコードの端を見つけるので、減らしたときは印刷物の側でコードのまわりを空けておいてください。0マスにすると、読み取れないことがあるという警告が出ます。
- サイズ：「サイズ」は余白を含めたPNGの1辺の長さで、64〜2000px（初期値300px）です。大きく印刷するときは値を上げるか、拡大しても粗くならないSVGを使ってください。
- 試し読み：実際に印刷する大きさで1枚刷り、人が読み取る距離から読んでみてください。読み取れなければ、もっと大きく印刷するか、内容を減らしてマスの数を少なくしてください。