本文へ移動
bobob

QRコード作成 無料｜ロゴ・色・枠つきのデザインQRコード

ドットの形・色のにじみ・枠・中央のロゴを選んで、自分らしいQRコードを無料で作れます。お店のメニューやLINE公式アカウントの友だち追加、名刺、Wi-Fiなどに使えます。PNG・SVGで保存する前に、ブラウザの中で本当に読み取れるか自動でチェックします。

ブラウザ内で処理入力した内容はサーバーに送られません。

入力と結果

入力した内容はこのブラウザにだけ保存されます。開き直すと前回の続きを呼び出せます。

使いどころ

  • お店のメニューや口コミページのQRを、店の雰囲気に合う色と枠で作る
  • レシートや包装紙、ショップカードに、LINE公式アカウントの友だち追加QRを入れる
  • お客様用Wi-Fiを、パスワード入力なしで接続できるQRにして掲示する
  • 名刺・案内状・ポスターのQRの中央にロゴや文字を入れる
  • 期限切れになる有料サービスの代わりに、URLが直接入った永続QRを作る

例

URLのQR
https://example.com/menu
ドットを「しずく」、枠を「吹き出し」にすると、メニュースタンド向けのQRになります。
LINEの友だち追加QR
https://line.me/R/ti/p/@example
「@example」の部分を、自分のLINE公式アカウントのIDに置き換えてください。
Wi-FiのQR
WIFI:T:WPA;S:GuestWiFi;P:welcome2026;;
「Wi-Fi」タブで名前とパスワードを入れると、この形式で作られます。

よくある失敗

  • ドットと背景の色が近いと読み取れません。ドットは濃く、背景は明るくしてください。
  • ドットが背景より明るい反転コードは、読めないスマホが多いです。
  • 中央のロゴが大きすぎるとデータが隠れます。幅の20%前後までにしてください。
  • URLが長いとマスが細かくなり、小さく印刷すると読めなくなります。

印刷・読み取りのコツ

  1. 1「読み取り確認済み」と出ても、スマホのカメラで一度読み取ってください。
  2. 2印刷は一辺2cm以上、できれば3cm以上にします。
  3. 3周囲に4マスほどの余白を残し、その上に文字や絵を重ねないでください。
  4. 4看板やバナーにはSVGで保存すると、拡大してもぼやけません。
  5. 5最後に、明るい背景に濃いドットになっているか確認してください。

出典

  • Error correction levels L, M, Q, H

    A QR code carries redundant data so it still reads when part of it is covered. There are four levels, recovering roughly 7%, 15%, 25% and 30% of the codewords. Pick a high level for print that will get scratched or carry a logo, a low one for something shown only on screen.

    基準：ISO/IEC 18004

  • A higher level makes the code denser

    The same content needs more redundant data, so the modules get smaller. The smaller you print it the likelier a camera fails, so raise the size along with the level - and the shorter the URL, the better.

    基準：ISO/IEC 18004

よくある質問

QRコードに有効期限はありますか？

ありません。URLがQRの中に直接入る静的QRなので、登録も期限もなく、このサイトがなくなっても作ったQRは読み取れます。リンク先を後から変えられる「動的QR」は作りません。

入力したURLやWi-Fiのパスワードはサーバーに送られますか？

送られません。QRの生成・読み取りチェック・PNG変換はすべてブラウザの中で行います。共有リンクに入るのは見た目の設定だけで、Wi-Fiや連絡先の内容はアドレスバーに残しません。

「読み取り確認済み」は何を確認していますか？

保存の前に、ブラウザ内のデコーダー（jsQR）が完成した画像を原寸・縮小・軽いぼかしの3条件で読み取り、入力した内容と一致するかを比べています。ソフトウェアでの確認なので、印刷前にスマホのカメラでもう一度読み取ってください。

どの形が読み取りやすいですか？

四角・しずく・丸四角・棒はほぼ問題なく読めます。小さな点やひし形は大きく印刷するときに使ってください。色は、濃いドットと明るい背景のコントラストを3:1以上にするのが要点です。

ロゴを入れても読めますか？

QRコードには一部が隠れても復元できる誤り訂正があります。ロゴを入れると最も高いH（約30%）に自動で切り替わり、隠す割合が大きいと警告します。ロゴは幅の20%前後が安全です。

PNGとSVGはどちらを保存すべきですか？

画面やSNSにはPNG（1024px以上）、看板・バナー・印刷物には拡大しても崩れないSVGが向いています。SVGの枠の文字は表示する環境のフォントで出るため、文字が大事な場合はPNGを使ってください。