オンラインでカスタムQRコードを作成する方法
URL、vCard、Wi-Fi、プレーンテキストのQRコードをカスタムカラーと誤り訂正レベルで作成します。すべてブラウザ内でローカル生成され、PNGまたはSVGとしてエクスポートできます。
このガイドと一緒に使うと便利なツール：
なぜ重要か
小さなベーカリーは、お客様にパスワードを聞かせないようメニューにWi-Fi QRコードを印刷しています。シーズンごとに新しいブランドでカードを差し替えるため、QRの配色は新しいパレットに合わせながら、部屋の向こうからでも読み取れる必要があります。またIllustratorで作るチラシに組み込むSVGも必要です。カスタムカラー、フォールトトレランス、ロスレスなエクスポートに対応した無料でプライバシー優先のQRジェネレーターがあれば、「無料ダウンロード（ウォーターマーク付き）」の怪しいサイトに頼む必要はありません。
実際の3つのシーン
ブランドのプラム（#5B2A6F）とクリーム地で600×600のSVGを生成し、Illustratorに読み込み、印刷サイズに関係なく拡大してもジャギーになりません。
ウォーターマークなし、ベクター出力
SSIDとパスワードをWi-Fi QRにエンコードします。iPhoneとAndroidのカメラアプリは自動で接続を提案します。
ゲストが2タップで接続
スピーカーごとにvCard QRを発行します。参加者は一度スキャンするだけで連絡先がアドレスブックに入ります。
連絡先が保存され、紙カード不要
手順
QRコードジェネレーターを開きます。入力を変更すると右ペインがリアルタイムでプレビューされます。
ペイロード種別を選ぶ
プレーンテキスト、URL、Wi-Fi、vCard、メール、SMS、位置情報。項目は自動で切り替わります。Wi-FiはSSIDとパスワードを、vCardは氏名・電話・メールなどを入力します。
誤り訂正レベルを選ぶ
L（7%）、M（15%）、Q（25%）、H（30%）。高いほど傷や隠れた部分にも耐えますが、コードは高密度になります。看板など印刷向けにはコーヒーのしみで読めなくならないようQまたはHを選びます。
色を設定する
前景・背景はHEXで指定します。コントラスト比は最低4:1を維持してください。白に薄いグレーは見た目は良くてもスキャナーには不向きです。
サイズを選ぶ
プレビューは指定ピクセルで描画されます。SVG出力の場合、ベクターはロスレスに拡大できるため、この数値自体は問題になりません。
ダウンロード
WebやメールにはPNGが向いています。印刷や画像編集の続きにはSVGが適しています。
ペイロード
SSID: GuestNet Password: BakeryWiFi2026 Encryption: WPA2
エンコード後の文字列
WIFI:T:WPA;S:GuestNet;P:BakeryWiFi2026;H:false;;
実践テクノ
- QRの周囲にはサイレントゾーンとして最低でも4モジュール分の余白を取ります。額縁にぴったり印刷すると読み取りに失敗することがあります。
- 印刷前に必ず自分のカメラでテストしてください。 「読めない」の多くは色のノイズかECC不足です。
- ロゴオーバーレイを重ねる予定ならHレベルECCを使います。 表面の最大約30%を失っても復号できるようにできます。
- 文字列が〜80文字を超える場合はURLを短縮してからエンコードすると、結果のQRが薄くなり遠くから読みやすくなります。
よくある落とし穴
よくある誤り
スマホのカメラがコードを認識しない
多くはコントラストかサイズの問題です。前景が背景より明るい場合は前後を入れ替えてください。QRスキャナーは一般に明い地に暗いモジュールを想定します。手元で読むなら印刷は少なくとも2 cm × 2 cm程度が目安です。
よくある誤り
iOSがWi-Fi QRで自動参加しない
暗号化タイプはWPA（WPA、WPA2、WPA3を含む）またはWEPである必要があります。非表示SSIDはH:trueが必要です。パスワードに特殊文字がある場合はバックスラッシュでエスケープが必要になることがあります。
よくある誤り
SVGを拡大するとジャギーになる
PNGをエクスポートしている可能性があります。SVGボタンから再エクスポートしてください。ベクターなら綺麗にスケールします。
向いていない用途
- 時間経過で別URLへ差し替えるトラッキング／動的QRはマネージドサービス（例：Bitly、QR Code Monkey）が必要です。MoreKitsは常に同じペイロードにデコードされる静的QRを出力します。
- 数千件の固有コードを一括生成する場合は、
qrencodeなどのCLIや、このツールと同じqrcodeライブラリを使ったNodeスクリプトの方が速いです。
FAQ
データはサーバーに送られますか？
いいえ。QRはすべてブラウザ内で生成されます。ペイロード、色情報、レンダ結果はデバイス外に送信されません。
ペイロードの最大サイズは？
ECCが最も低い場合のQR Version 40では、英数字だとおよそ2,953文字までです。実用的な読み取りは〜500文字を超えると不安定になりがちです。必要ならURL短縮サービスで短くしてください。
中央にロゴを重ねられますか？
HレベルECCにしてから、画像編集でロゴ（背景透過PNG）をオーバーレイしてください。読み取りを保つため、QR表面の約25%以内に収めます。
次のステップ
- ゲスト用ネットワーク向けWi-Fi QRのバリエーションはWi-Fi QRジェネレーターで作成できます。
- SVGをPNG／ICOなどに変換するにはSVG to PNGコンバーターやSVG to ICOコンバーターを利用します。
- 印刷用チラシにQRを載せたあと、メール配布前には画像圧縮ツールと併用すると便利です。