QRコード生成ツール

公開前に確認するQR作成ガイド

URL、Wi‑Fi、連絡先を1つのQRにまとめます

このQRコード生成ツールは、WebサイトURL、短いテキスト、Wi‑Fi接続情報、連絡先をスマートフォンのカメラで読める画像に変換します。入力中にプレビューを確認し、最後に生成ボタンを押してPNGまたはJPGとして保存する流れです。

画面の順番どおりに進めると入力漏れを減らせます

最初にQRへ入れる内容の種類を選びます。種類ごとに必要な入力欄が変わるため、種類を決めてから値を入れ、最後に実機で読み取るのが安全です。

種類を先に選びます。 Webサイト、テキスト、Wi‑Fi、連絡先で表示される入力欄が変わります。
実際に使う形で入力します。 URLは全文、Wi‑FiはSSIDというネットワーク名とパスワードを確認します。
サイズと読み取り品質を調整します。 128〜512pxの範囲でサイズを選び、印刷物なら読み取り品質を少し上げておきます。
生成してから読み取ります。 PNGまたはJPGで保存する前に、スマートフォンのカメラで開き先や内容を確認します。

4つの種類は別々の文字列としてQRに入ります

QRの見た目は似ていても、中に入る文字列は種類ごとに変わります。

Webサイト

URLを開くQRです。空白のない完全なURLを入れ、社内向けリンクならアクセス権も確認します。

テキスト

案内文やクーポン文などをそのまま表示するためのQRです。長すぎる文章は小さな印刷で読み取りにくくなります。

Wi‑Fi

SSID、セキュリティ方式、パスワード、非公開ネットワークの有無をWi‑Fi QR形式にまとめます。

連絡先

名前、電話番号、メール、住所をvCard形式でまとめ、対応端末で連絡先として開きやすくします。

計算ではなく、読み取れるペイロードを作る道具です

このツールは税率や料金のような変動値を計算しません。入力内容をQRリーダーが理解しやすい文字列、つまりペイロードに整え、その文字列をQRCode.jsで画像パターンに描画します。

URL処理https://...

スキャン後に開けるリンク文字列として渡します。

Wi‑Fi処理WIFI:T:...;S:...;P:...;;

セミコロンやコロンなど、区切りに使われる文字を壊れないように扱います。

連絡先処理BEGIN:VCARD

入力された名前、電話番号、メール、住所だけをvCard 3.0の流れでまとめます。

保存処理PNG / JPG

選んだサイズと色でQRを描き、画像ファイルとして保存します。

QR文字列形式の参考URLやWi‑Fi QRでよく読まれる文字列構造を確認できます。vCard 3.0の参考連絡先QRに入れる基本フィールドの流れを確認できます。

保存前にサイズとコントラストを一緒に確認します

例として https://roberin.com/ja/projects/qr-generator-wrapper/ を入れ、サイズ256px、読み取り品質は標準、色は黒と白のままにすると、プレビューとデータ長の表示が一緒に更新されます。

プレビュー入力が変わるとQRの形とデータ長が更新されます。長いテキストはQR模様を細かくします。

生成確定QRコードを生成ボタンを押すと保存エリアが開きます。現在の色、サイズ、読み取り品質が反映されます。

ファイル保存PNGは文書やWeb用に扱いやすく、JPGは一部の編集フローに合わせたいときに使えます。印刷前は実際の表示サイズで読み取ります。

読み取り確認スマートフォンのカメラでURL、Wi‑Fi名、連絡先項目を確認します。違っていれば種類の選択から見直します。

ブラウザで作っても、共有したQRは公開情報になります

このページに入力値を保存する用途ではありません。ただし印刷したり送信したQR画像には、その中のURL、パスワード、連絡先が入っています。配布前に誰が読むのかを決めてください。

公開前チェックは短く、確実に済ませます

QRは印刷物や店頭ポスターに載せた後で直すのが面倒です。保存した直後に、短い確認リストで一度だけでも見直すと事故を減らせます。

機密情報は入れすぎない。 Wi‑Fiパスワードや非公開リンクを使う場合は、見られる人と有効期限を別で管理します。
コントラストを先に見る。 ブランド色を使う場合でも、QRの色と背景色ははっきり分けます。
小さく印刷するほど単純にする。 長文、複数の連絡先項目、高い読み取り品質は模様を細かくします。
複数の端末で試す。 古いカメラアプリでは、非公開Wi‑Fiや一部の連絡先項目の扱いが異なることがあります。

QR作成でよくある質問

プレビューが出ていても生成ボタンを押す必要がありますか？

ダウンロードする場合は押してください。プレビューは編集中の確認用で、PNG/JPG保存ボタンは最終状態を生成した後に表示されます。

Wi‑FiパスワードをQRに入れても大丈夫ですか？

来客用や店舗用ネットワークなら便利です。ただし画像を見た人は接続情報を読めるため、スタッフ用や管理者用ネットワークには使わない方が安全です。

連絡先QRはどのスマートフォンでも同じように開きますか？

多くの端末はvCardの連絡先を読めますが、住所やメールの表示はアプリによって変わることがあります。印刷前にiPhoneとAndroidの両方で試すと安心です。

色を変えても読み取れますか？

十分なコントラストがあれば使えます。背景とQRの色が近すぎる場合や一部の反転色では読み取りが落ちるため、実機テストが必要です。