你一定见过中间有Logo的二维码——品牌展示、活动海报上到处都是。加Logo能让二维码更有辨识度,看起来更专业。但很多人操作后发现:加了Logo二维码就扫不出来了。
其实不是不能加,而是加的方法不对。这篇文章教你正确地在二维码中间加Logo。
一、为什么加了Logo会扫不出来
二维码的原理是用黑白方块的排列来编码数据。扫描的时候,手机摄像头读取这些方块的位置和颜色,还原成数字信息。
当你在中间盖一个Logo上去,等于"遮挡"了一部分数据。如果遮挡的比例太大,扫描器就无法还原完整数据,二维码就失效了。
但是!二维码设计时就考虑到了这一点。容错机制(Reed-Solomon纠错码)允许二维码在部分数据丢失的情况下仍然被正确识别——前提是遮挡没有超过它的容错能力。
二、容错等级是关键
生成二维码时需要选择容错等级,决定了"最多能遮挡多少还能扫出来":
| 等级 | 容错比例 | Logo可占面积 | 数据密度 |
|---|---|---|---|
| L(低) | 7% | 不超过 5% | 最高,适合数据量大的场景 |
| M(中) | 15% | 不超过 10% | 中等 |
| Q(较高) | 25% | 不超过 18% | 较低 |
| H(高) | 30% | 不超过 22% | 最低 |
要加Logo,至少选 Q 级别,推荐 H 级别。
注意:容错比例和Logo可占面积不是完全相等的关系。因为Logo遮挡的可能是关键区域(定位图案),即使面积不大也可能导致扫描失败。所以实际操作中,Logo面积要留有余量。
三、Logo大小控制
Logo不要贪大。一个经验法则:Logo面积不超过二维码总面积的 15%~20%。
具体来说,如果二维码是 300x300 像素,Logo应该是 90x90 到 120x120 像素之间。
四、颜色搭配
Logo的颜色也很重要:
- Logo颜色和二维码前景色差异越大越好
- 白色背景的Logo最好,和黑色二维码反差最大
- 避免Logo颜色和二维码背景色相同(会被当作数据的一部分)
- Logo周围留一圈白色边距(相当于增加了一层隔离带)
五、操作步骤
Step 1:高容错生成二维码
使用二维码生成工具,容错等级选 H(30%)或 Q(25%)。尺寸尽量大一些(建议 512px 以上),给Logo留够空间。
Step 2:准备Logo
准备一个 PNG 格式的 Logo(支持透明背景最好)。加上白色边框,边框宽度约为二维码边长的 2%~3%。
Step 3:合成
用图片编辑软件(Photoshop、在线编辑器均可)将Logo居中放置在二维码上。保存为 PNG 格式。
Step 4:测试扫描
这一步不能省。用至少 3 部不同的手机扫描测试,确认都能正确识别。如果扫不出来,缩小Logo或提高容错等级后重新生成。
六、常见错误
| 错误 | 后果 | 正确做法 |
|---|---|---|
| 用 L 或 M 容错等级 | 加Logo后扫不出来 | 至少选 Q,推荐 H |
| Logo太大 | 遮挡数据过多 | 面积不超过二维码的 20% |
| Logo盖住了三个定位角 | 完全无法定位 | Logo只在正中间 |
| 不测试直接使用 | 投入后发现扫不出来 | 多手机多角度测试 |
| 存成 JPG(有损压缩) | 压缩噪点干扰识别 | 保存为 PNG |
七、总结
二维码加Logo的核心要点:
- 容错等级选 H 或 Q
- Logo面积不超过 20%
- Logo居中,不碰三个定位角
- Logo加白色边框
- 保存为 PNG
- 一定要测试扫描
先用高容错等级生成基础二维码: