Skip to content
DocsAll
技巧

二维码生成与识别全攻略:从原理到实战

Fiona Xu · 发布于 2026年4月16日 · 更新于 2026年7月5日
二维码QR码

二维码到底是什么

二维码(QR Code)是一种矩阵式条码,由日本 Denso Wave 公司于 1994 年发明。它通过黑白方块的排列组合存储信息,可被摄像头快速识别。

二维码的结构

一个标准二维码包含以下区域:

  • 定位图案: 三个角落的"回"字形方块,帮助扫描器定位
  • 对齐图案: 较大二维码中的小方块,用于矫正倾斜
  • 定时图案: 黑白相间的线条,用于确定模块尺寸
  • 数据区域: 存储实际编码信息
  • 纠错区域: 用于恢复损坏数据

容错级别怎么选

二维码有 4 个纠错级别,决定了即使部分损坏也能识别的比例:

级别 纠错能力 数据密度 适用场景
L(低) 7% 最高 纯数字/短文本
M(中) 15% 较高 网址、名片
Q(较高) 25% 中等 嵌入小 Logo
H(高) 30% 较低 工业环境、大 Logo

选择建议

  • 普通网址: 用 M 级即可,兼顾容量和容错
  • 要嵌入 Logo: 至少用 Q 级,确保 Logo 遮挡后仍可识别
  • 易损环境: 用 H 级,如印刷在易磨损表面

Logo 嵌入技巧

在二维码中心放 Logo 是常见的品牌需求,但操作不当会导致无法识别。

嵌入原则

  1. 选高容错级别: 至少 Q 级,推荐 H 级
  2. Logo 尺寸不超过 30%: 中心区域遮挡面积控制在 30% 以内
  3. 保持定位图案清晰: 三个角落的定位图案绝对不能遮挡
  4. Logo 加白底: 在 Logo 周围留白,避免与数据区域混淆

错误做法

  • 用低容错级别(L/M)就嵌 Logo → 极易无法识别
  • Logo 过大覆盖定位图案 → 完全无法扫描
  • 不留白边 → 数据区域混乱

DocsAll 二维码生成器使用

DocsAll 二维码生成器 提供完整的二维码生成功能,支持自定义样式和 Logo 嵌入。

操作步骤

  1. 打开 二维码生成器
  2. 输入内容(网址、文本、名片信息等)
  3. 选择容错级别(建议 Q 或 H)
  4. 自定义颜色和尺寸(可选)
  5. 上传 Logo(可选,自动居中并留白)
  6. 点击生成,下载 PNG/SVG

特色功能

  • 实时预览: 输入即生成,所见即所得
  • Logo 嵌入: 自动适配容错级别和尺寸
  • 样式自定义: 前景色、背景色、圆角模块
  • 高清输出: 支持 SVG 矢量格式
  • 隐私安全: 全部浏览器端生成,内容不上传

二维码识别方法

在线识别

DocsAll 二维码识别工具 支持上传图片识别二维码内容:

  1. 打开二维码识别工具
  2. 上传含二维码的图片
  3. 自动识别并显示内容

手机识别

  • iOS: 系统相机自动识别
  • Android: 系统相机或 Google Lens

编程识别

使用 jsQR 库可在浏览器端识别:

import jsQR from 'jsqr';

function decodeQR(imageData) {
  const code = jsQR(imageData.data, imageData.width, imageData.height);
  if (code) {
    return code.data;
  }
  return null;
}

二维码使用注意事项

  1. 测试再发布: 生成后务必用多款设备扫描测试
  2. 尺寸适中: 太小无法扫描,建议最小 2×2 厘米
  3. 对比度足够: 深色前景 + 浅色背景,避免相近色
  4. 避免反光材质: 印刷时注意材质,反光会干扰识别
  5. 短链接更优: 内容越短二维码越简单,可用短链服务

总结

掌握二维码原理和容错级别选择,能帮你生成更可靠的二维码。需要生成二维码时,DocsAll 二维码生成器 是免费好用的选择;需要识别时用 二维码识别工具。全程浏览器端处理,内容不上传,安全又便捷。

F
Fiona Xu 内容编辑

DocsAll 内容编辑,5 年办公软件教程写作经验,擅长把复杂的文档处理流程拆解成易懂的步骤。