piapia123
ja

支払いコードを 1 枚にまとめる

画像

処理はすべてブラウザ内で完結します。データは送信されません

ここに画像をドロップ、またはクリックして選択

Ctrl/⌘ + V でスクリーンショットを貼り付けることもできます

PNG / JPEG / WebP / GIF / BMP / AVIF · 1枚 30 MB まで

2 つの支払いコードを 1 枚の画像にまとめれば、お客様は 1 回スキャンして選べます。 唯一の本当の制約:QR コードを拡大縮小してはいけません。 直感的には「同じ高さに揃えて並べる」ところですが、QR コードはモジュールの格子であり、拡大縮小は再サンプリングして四角を灰色の縁に滲ませます。縮小はサンプリング点を捨てる行為で、800px のコードを 400px にすると「1 モジュール幅」しかない縞が半ピクセルになり得ます。見た目は完全に正常で、お客様がレジの前に立ったときにだけ失敗します。したがってここでは一切拡大縮小しません:どちらも元のピクセルサイズで、それぞれの枠の中で中央に配置します。サイズが大きく違うと不揃いに見えますが、不揃いは「読み取れない」よりずっと安くつきます。 周囲の余白は見た目の話ではなく、読み取れるかどうかの前提です。 QR コードの周囲には無地の余白(クワイエットゾーン、仕様では 4 モジュール幅)が必要で、スキャナはそれで境界を判断します。2 つのコードを近づけすぎると、向かい合う側の余白が失われます。背景も明るい色でなければなりません:スキャナは「暗いモジュール+明るい背景」のコントラストで境界を探すため、暗い背景ではクワイエットゾーンが消えます。 色・文字・間隔はすべて調整でき、プレビューはリアルタイムです。処理は端末内で完結し、支払いコードはアップロードされません —— 支払いコードは口座情報そのもので、他の画像以上に重要な点です。

機能

  • 2 つ(以上)の支払いコードを 1 枚に合成
  • 左右に並べる/上下に並べる
  • ⚠️ 一切拡大縮小せず、元のピクセルのまま配置(拡大縮小は読み取りを壊します)
  • 周囲の余白とコード間の間隔を調整可能(余白はスキャナが必要とするクワイエットゾーン)
  • 各コードの下に文字を添えられます(ウォレット名など)
  • 背景色を変更可能。既定は白(暗い背景ではスキャナが境界を見つけられません)
  • サイズが違うコードはそれぞれの枠の中で中央に配置
  • キャンバスが上限を超える場合は、空白画像ではなく縮め方を説明します
  • 合成はブラウザ内で完結し、支払いコードはアップロードされません

使い方

  1. 1 つ目の支払いコード、次に 2 つ目を選びます(順序が配置順になります)
  2. 左右か上下を選び、必要なら 2 つの文字を入力します
  3. 余白と間隔を好みに調整します(余白は小さくしすぎないでください)
  4. 合成された PNG をダウンロードします

よくある質問

2 つのコードを同じ大きさに揃えないのはなぜですか?
読み取りを壊すからで、しかも見た目では分かりません。QR コードはモジュールの格子であり、拡大縮小は再サンプリングです。拡大は縁が甘くなるだけですが、縮小は元のサンプリング点を捨てます —— 800px を 400px にすると、1 モジュール幅の縞が半ピクセルになることがあり、スキャナはそこで勘に頼ることになります。だからこのツールは一切拡大縮小しません。サイズが違うコードが不揃いになるのもこれが理由です。整った見た目より、読み取れることが必須条件です。
余白と間隔を広めに取るのはなぜですか?
QR コードの仕様が周囲に無地の余白(クワイエットゾーン、最低 4 モジュール幅)を要求しており、スキャナはそれで境界を判断するからです。2 つのコードを並べると、間の空白が両方のクワイエットゾーンを兼ねます —— 狭すぎるとスキャナが 2 つを 1 つと誤認したり、境界を見つけられなくなります。既定の 32px は一般的な支払いコードを想定した値です。1000px 以上の大きなコードなら、比例して広げると安定します。
背景を暗い色にしてもよいですか?
だめです。読み取りに失敗します。QR の認識は「暗いモジュール+明るい背景」のコントラストが前提で、スキャナは画像を二値化してから境界(位置検出パターン)とクワイエットゾーンを探します。暗い背景では明るいクワイエットゾーンが無くなり、境界が見つかりません。「機種によっては苦手」ではなく、基本的に読めません。設定を残しているのは、自分が何をしているか分かっている場合のためです。

関連ツール