無料のオンラインQRコード作成ツール。URL やテキストを貼り付ければすぐにコードが出ます。セルと目のデザインを変えたり、ロゴやスキャンを促すキャプションを付けたりでき、PNG（ラスター）や SVG（ベクター）でダウンロードできます。すべてブラウザ内で生成されるため、データは送信されず、期限切れもありません。
QRコード作成について
静的QRコードと動的QRコードの違いが、期限切れの有無を決める
多くのオンラインサービスが作るのは「動的QRコード」です。図柄に入っているのはそのサービスの短縮 URL で、読み取るとまず先方のサーバーを経由し、そこから本当のコンテンツへ転送されます。あとから内容を差し替えられるのが利点ですが、そのQRコードの寿命が他人の手に握られるのが代償です。サービスが終了する、アカウントが失効する、無料枠を使い切る——それだけでコードは死にますが、その頃には数千枚のチラシに印刷済みかもしれません。本ページが作るのは静的QRコードで、入力した文字がそのまま白黒のマス目に埋め込まれます。サーバーを一切経由しないため、期限切れになりようがありません。その代わり、内容を変えるには作り直しが必要です。長く印刷して使うものは静的、内容を随時差し替えたい場合だけ動的を選んでください。
既存のQRコードを修正する：アップロード → 内容を変更 → 作り直す
手元のコードの URL を差し替えたいときは、上の「既存のQRコード」からアップロードするか、スクリーンショットを Ctrl+V で貼り付けてください。ブラウザー内で中身の文字を読み出して内容欄に入れるので、直したい箇所を書き換えればその場で新しいコードが出てきます。この処理はQRコード読み取りのページと同じ読み取りロジックを使っており、画像が送信されない点も同じです。違いは、読み取りページが文字をそのまま表示するのに対し、こちらはそれをそのまま作成ツールに流し込むところだけです。
「QRコードの修正」を探している人は別のものを期待していることが多いので、三点はっきりさせておきます。第一に、QRコードに「その場で編集する」という概念はありません。内容はどこか書き換え可能なフィールドに入っているのではなく、あの白黒のマス目そのものです。ですからどんな修正も必ず新しい図柄を生み、すでに資材に印刷された、壁に貼られたものが変わることは決してありません。「掲示した後でもいつでも内容を差し替えたい」のであれば必要なのは動的QRコード、つまり転送先を事業者のサーバーに置く方式です。その代償とリスクは上の「静的QRコードと動的QRコードの違い」の節に書いたとおりで、本サイトでは作りません。第二に、引き継がれるのは内容だけです。色・誤り訂正レベル・余白・センターロゴはいずれも作成時の見た目の設定で、QRコード自体には記録されていません。元のコードの見た目を再現したい場合は、下で改めて設定してください。第三に、前提としてその古いコードがまだ読み取れる必要があります。ぼやけている、角が欠けている、白い余白が切り取られている場合は、読み取りページに挙げた原因を確認して、より欠けのない画像に換えてください。
誤り訂正レベルの選び方
QRコードは冗長性を持っており、図柄の一部が欠けても読み取れます。L / M / Q / H はそれぞれおよそ 7%、15%、25%、30% の復元率に対応します。代償は密度で、同じ内容でもレベルを上げるほどマス目が増え、図柄が細かくなります。日常的な URL なら M で十分です。擦れやすいパッケージや屋外の販促物、あるいは中央にロゴを重ねたい場合は H を選んでください。中央を覆う部分は読み取り側から見れば「破損」であり、それを埋めるのが冗長性だからです。逆にごく小さく印刷する場合は、L のほうがマス目が少なく太くなるため、かえって読み取りやすくなります。
QRコードの中央にロゴを入れる — このページだけで完結します
上の「センターロゴ」で画像を選ぶだけです。PNG、JPG、SVG のいずれにも対応し、選んだ画像はその場で図柄のちょうど中央に重なり、PNG でも SVG でもダウンロード時に一緒に書き出されます。画像もQRコードと同じくご自身のブラウザ内だけで合成され、アップロードされることはありません。社章や未発表のブランド画像で試しても問題ないということです。
どこまで大きくできるかには厳密な制約があり、その計算はページが代わりに行います。スライダーが決めるのは中央の白い台座がコード面の幅に占める割合で、覆われる面積はその二乗です。幅 20% なら面積はわずか 4%、それでも見た目はかなりの大きさになります。判断の基準は、覆われた面積を誤り訂正レベルが復元できる割合と比べること、しかもそのうち半分しか使わないことです。H レベルは約 30% を復元できるので安全線は 15%、L レベルの 7% なら 3.5% になります。半分を残すのは臆病だからではありません。誤り訂正はブロック単位で働くため、ひとかたまりの連続した遮蔽は少数のブロックに損傷を集中させ、同じ面積の細かなノイズよりずっと厄介だからです。しかも印刷の網点やカメラのノイズが残りの余裕を食いつぶします。安全線を超えるとページが警告します。誤り訂正を H にするか、ロゴを小さくすれば消えます。
ページが代わりにできないことが二つあります。四隅にある正方形の位置検出パターンと、周囲の白い縁は絶対に覆わないこと。読み取り側がコードを見つけ、傾きを補正するための拠り所だからです。だからこそ中央の画像はどれだけ大きくしても中心から外へ広がるだけで、別の位置へずらすことはできません。もう一つは、仕上がったら必ず自分で読み取ることです。できれば機種の違うスマートフォン 2〜3 台で。警告は面積からの推定にすぎず、図柄そのものが細かすぎる、色が薄すぎる、ロゴの輪郭が前景色に溶けているといった状況までは見抜けません。画像入りのコードを渡す前に十秒余計に読み取ってみるほうが、三千枚刷ってから気づくよりはるかに安上がりです。
QRコードのデザイン：形を変える・グラデーション・枠線を付ける
「デザイン」の行を開くと、変えられるのは 4 つです。セルの形は中央の小さなマスの見え方を決めます。四角が標準形で、角丸と丸は柔らかい印象になります。リキッドはつながったマス同士を一つのなめらかな塊に溶接する表現で、ここ数年の商用QRコードでいちばんよく見かける見た目です。目のスタイルは三隅の位置検出パターンだけを担当し、外枠と中心の形も色も別々に設定できます。前景の塗りは単色から線形・円形グラデーションに変更できます。グラデーションはコード全体にかかり、マスごとに繰り返されることはありません。枠線とキャプションはコードの外側に枠を付け、上または下に「WeChat でスキャン」のような一文を入れる機能です。よく使う文言はボタンになっているので、押すだけで入ります。
知っておきたい制約が 2 つあります。1 つ目は形が凝るほど誤り訂正の余裕は減るということです。丸やリキッドは各マスの縁の黒い面積を削ることであの見た目を得ているので、本来ぴったり接していた四角の間に隙間ができます。小さく印刷したり、いちばん低い L レベルの誤り訂正と組み合わせたりすると、読み取れるかどうかのぎりぎりになります。選んだ組み合わせに応じてページが警告しますが、それはあくまで注意喚起で保証ではありません。2 つ目はサイズが指すのは常にQRコード本体だということです。枠線とキャプションは四周の余白のさらに外側に足され、読み取りに必要な白い余白を削りません。そのためダウンロードされる画像はスライダーの数字より一回り大きくなります。これは意図的な仕様で、余白を装飾に明け渡すほうこそ本当に読み取れなくなる作り方だからです。
有料サービスと違うのは、このページのデザイン機能がログイン不要で、スタイルを他社のアカウントに保存しない点です。合成はすべてご自身のブラウザ内で行われます。しかもデザインしたコードも同じように SVG ベクターでダウンロードできます。グラデーションも枠線も角丸のセルも、ベクターの中では本物のパスなので、どれだけ拡大してもシャープなまま印刷に回せます。唯一の例外がキャプションで、SVG では文字であってアウトラインではないため、同じフォントが入っていないデザインソフトでは別のフォントに置き換わります。
内容が長いほど、図柄は細かくなる
右側に表示される「型番」はQRコードの規格で、1 から 40 まであり、1 つ上がるごとに一辺のマス目が 4 つ増えます。内容が長いほど型番が上がり、マス目が細かくなって、印刷精度にもカメラにも高い性能が要求されます。ですから URL は短いに越したことはありません。 utm_ のようなトラッキングパラメータを外すだけで、型番が数段下がることもよくあります。URL に日本語や空白が含まれている場合はたいていパーセントエンコードされた形になっているので、元の姿が分からないときは URL デコード で戻し、余計なパラメータが付いていないことを確かめてから作成してください。
PNG と SVG のどちらを選ぶか
PNG はラスター画像で、解像度が固定されるため拡大するとぼやけます。メールやチャット、Web ページ向きです。SVG はベクター画像で、ピクセルではなく各マス目の位置を記録するため、どこまで拡大しても輪郭が鋭いままです。印刷所への入稿、Illustrator での編集、名刺やバナースタンドの制作に向いています。目安として、印刷時のQRコードは 2cm 四方より小さくしないこと、そして周囲の白い縁を残すこと。あの白縁は飾りではなく、読み取り側がコードの位置を検出するために必要なクワイエットゾーンです。本ページの「余白」がそれにあたります。通常は 2〜4 モジュールを保ち、0 にはしないでください。
逆方向：手元にコードがあって、中身を読みたいとき
生成と読み取りは同じことの両方向で、このページは生成だけを担います。手元にあるのが画像のとき —— 送られてきたコード、資料の中の図、画面のスクリーンショット —— そこに入っている URL やテキストを読み出すには、QRコード読み取りを使ってください。アップロード、ドラッグ、あるいは Ctrl+V でスクリーンショットを貼り付けるだけで、入っていた文字列をそのまま表示し、読み取った URL を自動で開くことはありません。スマホならカメラで実物を読み取ることもできます。作ったコードを読み返すのは良い習慣です —— このページでダウンロードした PNG を読み取りページにドラッグし、出てきた内容が入力したものと同じか確かめてください。URL に日本語や空白、長いパラメータが付いているときはとくに有効です。どちらのページもブラウザー内で完結し、画像も内容もアップロードされません。