ロゴ入りQRコード作成
QRコードにロゴを入れ、色・形・フレームを自由に変えながら、デザインの途中で読み取れるかどうかをその場で確認できます。すべてブラウザー内で処理され、何もアップロードされません。
ロゴ・内容・完成したコードは、このタブの中にとどまります。お使いの端末に記憶されるのは、デザインの設定（色・形・フレーム）だけで、エンコードしたテキストとロゴのファイルは保存されません。
完成したコードを「QRコードリーダー」で確認する
ロゴ入りQRコード作成 について
このQRコード作成ツールは、コードの中央に自分のロゴを入れ、そのまわりのあらゆる要素のデザインを変えられます。前景色と背景色、または2色のグラデーション、四角・角丸・ドット・ひし形のモジュール、色も個別に決められる3種類のアイ（位置検出パターン）の形、そして「SCAN ME」のようなラベルを付けられる任意のフレームです。ロゴはパターンの一部を隠してしまうため、このツールは誤り訂正をロゴと連動させています。誤り訂正を「Auto」にすると、ロゴがあるときにレベルが引き上げられ、サイズのスライダーは、そのレベルで復元できる最大のロゴの大きさで止まります。変更はすぐに描き直され、完成した画像はページ内でもう一度デコードされるので、印刷する前に、読み取れるという確認か、分かりやすい言葉の警告が表示されます。色と形はこの端末に記憶されますが、内容とロゴは記憶されず、何もアップロードされません。
機能
- 1 MBまでのPNG・JPEG・SVG・WebPのロゴを読み込め、背後に四角または丸のプレートを敷ける
- ロゴサイズのスライダーは、選んだ誤り訂正レベルで復元できる大きさが上限
- ロゴを追加するとQまたはHに自動で引き上げ、その理由も表示する「Auto」の誤り訂正
- 四角・角丸・ドット・ひし形のモジュールと、外側と内側で別々に選べるアイの形
- 単色、または角度を調整できる2色のグラデーション
- コードの上または下に付けるフレームに、自分のラベルと色を設定できる
- リアルタイムの読み取りチェック。描画した画像をデコードして、入力したテキストと照らし合わせる
- ワンクリックで使える6つのプリセット。出力は256〜2048 pxのPNG、または印刷用のSVG
ロゴ入りQRコード作成 の使い方
- リンクまたはテキストを、内容の入力欄に入力または貼り付けます
- プリセットを選び、色・モジュールの形・アイを調整します
- ロゴのファイルを選んでサイズを設定します。スライダーは、誤り訂正レベルに対して安全な上限で止まります
- 必要なら、「SCAN ME」のようなラベル付きのフレームを追加します
- 読み取りチェックが緑色になるのを待ってから、PNGまたはSVGをダウンロードします
例
入力
Content: https://example.com
Error correction: H
Logo: 22% of the width, round plate
Modules: rounded dots, round eyes
出力
1024 px PNG downloaded
✓ Scans correctly — the image decodes back to https://example.com
チェックは、ダウンロードするのと同じピクセルをデコードするので、大きすぎるロゴは印刷する前に分かります。
よくあるエラーとトラブルシューティング
- ロゴを追加したら、コードが読み取れなくなりました。 — ロゴが、誤り訂正で復元できる範囲を超えてパターンを覆っています。ロゴを小さくするか、レベルをHに上げてください。スライダーは、使用中のレベルに対して安全な上限で、すでに止まるようになっています。
- 色が反転している、またはコントラストが低いという警告が出ます。 — スキャナーは、明るい背景に暗いモジュールがあり、コントラストが強いことを前提にしています。2つの色を入れ替えるか、前景色を暗くしてください。警告の下には、ワンクリックで直せるボタンが表示されます。
- 画面では読み取れるのに、紙に印刷すると読み取れません。 — クワイエットゾーンを4モジュール以上確保し、幅2 cm以上で印刷してください。大きく印刷する場合は、輪郭がくっきり保たれるようSVGを使います。
- ロゴのファイルが受け付けられません。 — 1 MB未満のPNG・JPEG・SVG・WebPを使ってください。透明な背景に載ったシンプルなロゴがいちばん適しています。大きな写真は、先にリサイズしてください。
よくある質問
- QRコードの中のロゴは、読み取れなくなる前にどこまで大きくできますか？
- 誤り訂正レベルによって変わります。レベルLで復元できるのはコードの幅の約10分の1のロゴまでですが、レベルHならおよそ4分の1まで許容されます。サイズのスライダーは、使用中のレベルの上限までに制限され、リアルタイムの読み取りチェックで、結果がまだデコードできるかどうかが分かります。
- ロゴ入りのQRコードに、誤り訂正レベルHが必要なのはなぜですか？
- ロゴは実際のモジュールを置き換えてしまい、コードが成り立つのは、誤り訂正のデータがそれを復元できるからです。レベルHは最大で約30％のデータを復元でき、最も大きなロゴまで許容できます。「Auto」の設定では、ロゴがあるときは常にQまたはHが使われます。
- どんな色のQRコードなら確実に読み取れますか。グラデーションも使えますか？
- 明るい背景に暗いモジュールを置き、コントラストを強くするのが最も安全で、コントラスト比は少なくとも4対1を目安にしてください。グラデーションは、両端とも背景に対して十分に暗いままであれば、問題なく読み取れます。暗い背景に明るいモジュールを置くのは避けてください。多くのスキャナーアプリでは読み取れません。
- ロゴ入りのQRコードは、印刷用にPNGとSVGのどちらで保存すべきですか？
- 印刷するものや拡大するものにはSVGを使ってください。ベクター形式なので、どのサイズでもくっきり保てます。Webページ・スライド・文書には、1024 px以上のPNGを使います。
- ロゴ入りのQRコードは、印刷する前にどうやってテストすればよいですか？
- ページは、変更のたびに描画した画像をデコードして、同じテキストが返ってくるかどうかを表示します。印刷する場合は、試し刷りを実際のサイズと距離でスマートフォンにかざして、読み取れることも確認してください。
- ここでQRコードをデザインするとき、ロゴやリンクはアップロードされますか？
- いいえ。ロゴはブラウザーが読み込んでコードに埋め込み、ロゴもテキストも、どこにも送信されません。この端末に記憶されるのは、デザインの設定だけです。
関連ツール
- QR コードジェネレーター — テキストやURLからQRコードを生成し、PNGまたはSVGでダウンロードします。
- QRコードリーダー — 画像・スクリーンショット・カメラからQRコードを読み取り、リンクやWi-Fi、連絡先、決済などの中身を確認できます。
- vCard QRコード作成 — 連絡先を、スマホでワンタップ保存できるQRコード（vCard 3.0・4.0・MECARD）にし、.vcfでもダウンロードできます。
- WiFi QRコード作成 — スキャンで接続できるWiFi QRコードを正しい変換処理で生成。
- QRコード一括作成 — リストやCSVから最大500個のQRコードを作成し、PNGまたはSVGのZIPか、ラベル付きの印刷用シートで出力します。
- SVG から PNG への変換 — SVG マークアップや .svg ファイルを、任意のスケールで鮮明な PNG や JPG に変換できます。
- 画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。
- ファビコン作成 — 画像・文字・絵文字から、favicon.ico・各サイズのPNG・Appleタッチアイコン・Webマニフェストを作成します。
エンコード / デコードの他のツール
エンコード / デコードのツールをすべて見る (30) · すべてのツール