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モジュール分)の白い余白があります。設定はこのページの初期設定(「白・紙」、残す部分の色「黒」、「余白を切り取る」オン)のままです。
- 白が透明になり、モジュールは真っ黒になります。画像の中で濃い灰色だったモジュールも黒にそろいます。
- 切り取りは3つの角の四角を見つけてQRコードだと判断し、クワイエットゾーン(4モジュール=40ピクセル)の外側で止まります。なので画像は370×370のままです。
- qr-transparent.pngをダウンロードし、ポスターの濃いオレンジに直接ではなく、明るい色の帯や枠の上に置きます。
| 元の画像(1モジュール10px) | 白い余白 | 切り取り後 |
|---|---|---|
| 370×370 | 40px(4モジュール) | 370×370、余白はそのまま |
| 490×490(余白の多いスクリーンショット) | 100px | 370×370、四方を60pxずつ削る |
| 314×314 | 12px | 370×370、四方に28pxの透明な余白を足す |
| 290×290 | なし | 370×370、四方に40pxの透明な余白を足す |
qr-透過.png:黒いモジュールの周りに、元の画像の余白が足りなくても4モジュール分の透明な余白が付きます。印刷する前に、完成したポスターのデータから2〜3台のスマホで読み取れるか確かめてください。
使い方
- QRコードの画像をドロップします。スクリーンショットでも、印刷物のスキャンでも構いません。
- 白が透明になり、黒いモジュールが残ります。インクを黒に指定しているので、少し灰色がかったスキャンもはっきり出ます。
- 余白の切り詰めは有効ですが、モジュールではなくクワイエットゾーンの外側で止まります。理由は下に書いています。
- PNGをダウンロードしてデザインに配置し、印刷前に完成版から実際に読み取って確認してください。
よくある質問
- クワイエットゾーンとは何ですか。なぜ残すのですか?
- QRコードの周囲の余白は飾りではなくコードの一部です。読み取り側はそこを手がかりにコードの始まりを見つけます。規格では4モジュール分の空白が求められています。黒ぎりぎりで切ると、見た目は正しいのに半分の端末で読めないコードになります。印刷後に気づくため、最悪の失敗の仕方です。
- 透過したら、後ろには何が来ますか?
- 置いた先の色がそのまま来ます。そこが危険です。QRコードは暗いモジュールと周囲との明暗差で読まれます。暗い背景や模様の上では、目には正しく見えてもカメラからは消えます。明るい無地の場所に置くか、後ろに明るい板を敷いてください。
- 白いコードを暗い背景に、という反転はできますか?
- 読める端末と読めない端末があります。刷り直せないポスターでやることではありません。試すなら複数の端末で確認してから決めてください。このツールはコードを暗いままにします。そちらが確実です。
- 写真に撮ったQRコードでも、余白は残りますか?
- コードが画像の中でまっすぐ正方形に写っていれば残ります。切り取りは3つの角の四角を見つけてQRコードだと判断するためです。斜めから撮ってコードがゆがんでいると判断できず、ほかの画像と同じく内容の2%(最低4ピクセル)の余白で切り取られるので、クワイエットゾーンが足りなくなります。その場合は「余白を切り取る」をオフにするか、先にゆがみを直してください。
- クワイエットゾーンの外にも余白を付けられますか?
- 付けられます。「周りの余白(px)」に数字を入れると、4モジュール分のクワイエットゾーンのさらに外側に、その分の透明な余白が四方に足されます。370×370のコードに20と入れると410×410になります。
- コードの中身を読み取りますか?
- 読み取りません。ここで行うのは画素の変更だけです。中身を知りたい場合は「QRコードを読み取る」をお使いください。こちらもブラウザ内で、アップロードなしです。