WiFi QR Wi-Fi QRコードのカスタムデザイン：色、形、中央アイコン
WiFi QRでは、書き出したコードのデザインはテンプレートの中にあります。設定、エクスポート・テンプレート、テンプレート作成を開き、色、レイアウト、サブタイトル、サイズを設定します。丸みやドットの形、中央アイコンはプレミアムです。中央アイコンはシステムのアイコンで、自分のロゴ画像ではありません。
変更できること、無料でできること
| 項目 | 選べる内容 | プラン |
|---|---|---|
| レイアウトスタイル | 標準、コンパクト、ポスター、ミニマル、カード | 無料 |
| テンプレート情報 | テンプレート名とサブタイトル | 無料 |
| アイコン | カードに表示する100種類以上のシステムアイコン | 無料 |
| 色 | QRコードの色、背景色、テキストの色 | 無料 |
| QRコードサイズ | 150〜500ポイント、50刻み | 無料 |
| QRスタイル（モジュールの形） | 標準は無料。丸い、ドット、ダイヤモンド、エレガント | プレミアム |
| コーナースタイル | スクエアは無料。丸い、円、葉 | プレミアム |
| センターロゴ | コードの中央に置くシステムアイコン | プレミアム |
無料プランにはカスタムテンプレート1つが含まれます。プレミアムはその上限をなくし、Café、Hotel、Dark Elegance、Neon Vibesなど10種類の既製デザインが揃うプレミアムギャラリーを追加します。そのまま使うことも、出発点として自分でアレンジすることもできます。
アプリで自分だけのWi-Fi QRコードをデザインする方法
- 設定を開き、テンプレートとツールの下でエクスポート・テンプレート、続いてテンプレート作成をタップします。
- テンプレート情報でテンプレートに名前を付け、たとえば「Scan to connect」のようなサブタイトルを書きます。
- アイコンとレイアウトスタイルを選びます。
- QRコードのスタイルでQRスタイルとコーナースタイル（プレミアム）を選び、必要ならセンターロゴも設定します。
- プリントスタイルでQRコードの色、背景色、テキストの色を設定します。
- 表示オプションで表示する項目とQRボーダーを表示するかどうかを選び、QRコードサイズを設定します。
- テンプレートを保存します。歴史でネットワークを開き、テンプレートを使ってエクスポートをタップして、それを使って書き出します。
Wi-Fi QRコードにロゴを入れられますか？
「ロゴをアップロードできるWi-Fi QRコード生成ツール」を掲げるサイトは多いですが、WiFi QRは画像をアップロードしません。センターロゴは、SF Symbolの名前で選ぶApple標準のシステムアイコン（たとえばカップ、ベッド、Wi-Fiのマークなど）で、背後に任意の白い円を付けられ、ロゴのサイズはコードの15%〜28%です。自分のブランドロゴが必要なら、コードの中に入れるのではなく、その周りのカードに配置しましょう。
コードの中央を覆っても大丈夫なのは、QRコードがエラー訂正のための余分なデータを持っているためです。アイコンを設定すると、アプリは最高レベルのHに切り替わり、コードのおよそ30%を復元できるようになります。300ポイントのコードにおける、アイコンとその円のカバー率は次のとおりです。
| ロゴのサイズ | アイコンの枠 | 白い円の直径 | 円がコードを覆う割合 |
|---|---|---|---|
| 15% | 45 pt | 58.5 pt | 2.99% |
| 20%（初期設定） | 60 pt | 78 pt | 5.31% |
| 28%（最大） | 84 pt | 109.2 pt | 10.41% |
最大値でも、エラー訂正で十分に補える範囲に収まりますが、重いスタイル（ドットやダイヤモンド）に大きなアイコン、そして低いコントラストが重なると影響が積み重なります。印刷する前に試しスキャンをしましょう。
スキャンできるままのWi-Fi QRデザインのアイデア
- まずコントラストを確保しましょう。薄い背景に濃い色のコードです。クリーム地にネイビー、白地に黒は、白にパステルカラーよりずっとスキャンしやすいです。
- 反転させないこと。暗い背景に薄い色のコードは見た目は印象的ですが、多くのスキャナーが読み取りにくくなります。
- 角が四角い丸みのあるモジュールが最も控えめな変更で、葉の角にドットが最も個性的な組み合わせです。
- 壁のサインにはポスター、テーブルカードにはカードかミニマルを使いましょう。
- サブタイトルは短く役立つ言葉にしましょう。「Scan to connect」やネットワーク名などです。
- 実際に人が立つ距離から、iPhoneとAndroidの2台でテストしましょう。
よくある質問
自分の会社のロゴをQRコードに載せられますか？
載せられません。センターロゴは名前で選ぶシステムアイコンです。ロゴは印刷したカードのコードの周りに置きましょう。
配色をカスタムするとWi-Fi QRコードは読み取りにくくなりますか？
コントラストが下がるとその可能性があります。コードは濃く、背景は薄く保ち、印刷前に試しスキャンしましょう。
無料でも自分のWi-Fi QRコードをデザインできますか？
できます。テンプレート1つ分なら、レイアウト、色、アイコン、サブタイトル、サイズは無料です。モジュールと角の形、中央アイコン、追加のテンプレートはプレミアムです。
デザインしたコードは内容が変わりますか？
変わりません。形と色は見た目だけを変えます。内容は同じネットワーク名、パスワード、セキュリティのテキストです。