Nouplo

QRコードを背景透過に

白い四角は消え、余白は残します。アップロードはありません。

ここにファイルをドロップ

またはクリックして端末から選択対応形式: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF

1回あたり3ファイルまで1ファイル20 MBまで1日5回までProで制限を解除✓ オフラインでも利用可能

ファイルは端末の外に出ません

このツールはブラウザ内だけで動作します。アップロードも保存も行わないため、処理を始める前にインターネット接続を切っても問題ありません。

使用例

例:文化祭のオレンジ色のポスターに、アンケートのQRコードを余白付きで置く

高校の文化祭のポスターをオレンジ色の紙に印刷するので、来場者アンケートのQRコードを白い四角なしで載せます。コードはqr.png、370×370ピクセル。1モジュール10ピクセルで29×29モジュール、周りに40ピクセル(4モジュール分)の白い余白があります。設定はこのページの初期設定(「白・紙」、残す部分の色「黒」、「余白を切り取る」オン)のままです。

例:文化祭のオレンジ色のポスターに、アンケートのQRコードを余白付きで置く — 処理前
処理前
例:文化祭のオレンジ色のポスターに、アンケートのQRコードを余白付きで置く — 処理後
処理後
  1. 白が透明になり、モジュールは真っ黒になります。画像の中で濃い灰色だったモジュールも黒にそろいます。
  2. 切り取りは3つの角の四角を見つけてQRコードだと判断し、クワイエットゾーン(4モジュール=40ピクセル)の外側で止まります。なので画像は370×370のままです。
  3. qr-transparent.pngをダウンロードし、ポスターの濃いオレンジに直接ではなく、明るい色の帯や枠の上に置きます。
元の画像(1モジュール10px) 白い余白 切り取り後
370×370 40px(4モジュール)370×370、余白はそのまま
490×490(余白の多いスクリーンショット) 100px370×370、四方を60pxずつ削る
314×314 12px370×370、四方に28pxの透明な余白を足す
290×290 なし370×370、四方に40pxの透明な余白を足す

qr-透過.png:黒いモジュールの周りに、元の画像の余白が足りなくても4モジュール分の透明な余白が付きます。印刷する前に、完成したポスターのデータから2〜3台のスマホで読み取れるか確かめてください。

使い方

  1. QRコードの画像をドロップします。スクリーンショットでも、印刷物のスキャンでも構いません。
  2. 白が透明になり、黒いモジュールが残ります。インクを黒に指定しているので、少し灰色がかったスキャンもはっきり出ます。
  3. 余白の切り詰めは有効ですが、モジュールではなくクワイエットゾーンの外側で止まります。理由は下に書いています。
  4. PNGをダウンロードしてデザインに配置し、印刷前に完成版から実際に読み取って確認してください。

よくある質問

クワイエットゾーンとは何ですか。なぜ残すのですか?
QRコードの周囲の余白は飾りではなくコードの一部です。読み取り側はそこを手がかりにコードの始まりを見つけます。規格では4モジュール分の空白が求められています。黒ぎりぎりで切ると、見た目は正しいのに半分の端末で読めないコードになります。印刷後に気づくため、最悪の失敗の仕方です。
透過したら、後ろには何が来ますか?
置いた先の色がそのまま来ます。そこが危険です。QRコードは暗いモジュールと周囲との明暗差で読まれます。暗い背景や模様の上では、目には正しく見えてもカメラからは消えます。明るい無地の場所に置くか、後ろに明るい板を敷いてください。
白いコードを暗い背景に、という反転はできますか?
読める端末と読めない端末があります。刷り直せないポスターでやることではありません。試すなら複数の端末で確認してから決めてください。このツールはコードを暗いままにします。そちらが確実です。
写真に撮ったQRコードでも、余白は残りますか?
コードが画像の中でまっすぐ正方形に写っていれば残ります。切り取りは3つの角の四角を見つけてQRコードだと判断するためです。斜めから撮ってコードがゆがんでいると判断できず、ほかの画像と同じく内容の2%(最低4ピクセル)の余白で切り取られるので、クワイエットゾーンが足りなくなります。その場合は「余白を切り取る」をオフにするか、先にゆがみを直してください。
クワイエットゾーンの外にも余白を付けられますか?
付けられます。「周りの余白(px)」に数字を入れると、4モジュール分のクワイエットゾーンのさらに外側に、その分の透明な余白が四方に足されます。370×370のコードに20と入れると410×410になります。
コードの中身を読み取りますか?
読み取りません。ここで行うのは画素の変更だけです。中身を知りたい場合は「QRコードを読み取る」をお使いください。こちらもブラウザ内で、アップロードなしです。

用途別ページ

関連ツール