编码

二维码生成器

选择内容类型，填入数据，然后调整模块形状、定位图案、颜色、背景、Logo 和纠错等级。预览会实时更新，导出尺寸单独设置，PNG、SVG、WebP、JPEG 都可以一键下载。所有生成过程都在浏览器标签页内完成，Wi‑Fi 密码、联系人信息和带追踪参数的链接不会离开你的设备。

  • 支持 7 种内容类型，并按各自规范处理转义：URL 或纯文本、Wi‑Fi（WIFI URI 规范）、邮箱（mailto，并按 RFC 6068 做百分号编码）、电话（tel）、短信（sms）、vCard 3.0（按 RFC 6350 转义字段）
  • 二维码的 3 个视觉层可以独立调整：数据模块、角落定位图案、定位中心点；每层都有 6 种形状可选
  • 任意层都支持单色、双色线性渐变或径向渐变；背景可选透明、纯色或渐变，并可使用品牌色预设或直接输入十六进制颜色
  • 可添加居中 Logo，并调整大小和留白；隐藏 Logo 下方圆点可以避免 Logo 覆盖区域残留模块，提高可扫码性
  • 支持 L、M、Q、H 四个纠错等级，对应约 7% 到 30% 的冗余；如果中间放 Logo，建议使用 Q 或 H
  • 实时预览使用固定显示尺寸，方便稳定比较样式；导出分辨率独立设置，可在 50 到 1000 像素之间调整
  • 完全本地生成，无上传、无遥测，适合 Wi‑Fi 密码、vCard 联系方式和活动追踪链接
工具/二维码生成器
文本 / URL

二维码中编码的数据。扫码后会读取到这里的内容。

只影响下载文件。预览尺寸保持固定，方便比较不同样式。

模块颜色
类型
旋转角度（deg）
颜色 0
颜色 1
位置 0: 0.00
位置 1: 1.00
定位框颜色
类型
旋转角度（deg）
颜色 0
颜色 1
位置 0: 0.00
位置 1: 1.00
中心点颜色
类型
旋转角度（deg）
颜色 0
颜色 1
位置 0: 0.00
位置 1: 1.00

功能简介

一个适合真正上线使用的二维码生成器，不只负责画出图案，还要正确处理内容转义、让二维码的关键结构可以独立设计，并提供稳定的预览和导出流程。

  1. 01

    7 种内容类型，并正确处理转义

    支持 URL 或纯文本、遵循 WIFI URI 规范的 Wi‑Fi、使用 mailto 并对主题和正文做百分号编码的邮箱、tel 电话、带正文编码的 sms 短信，以及按 RFC 6350 转义字段的 vCard 3.0。即使 Wi‑Fi 密码里有分号或反斜杠，也能生成可正常扫码的内容。

  2. 02

    3 个样式层可独立调整

    承载数据的数据模块、三个角落用于定位的定位图案，以及每个定位图案内部的中心点，都可以分别设置样式。每层都有方形、圆角、圆点、大圆角、雅致、圆角雅致等形状可选。

  3. 03

    每层都支持单色或双色渐变

    每个视觉层都可以在纯色和线性 / 径向双色渐变之间切换，并调整旋转角度和颜色位置。可以让三层使用同一套品牌渐变，也可以让定位图案与数据模块形成对比。

  4. 04

    透明、纯色或渐变背景

    默认透明，方便直接放入 Figma、Canva、海报和幻灯片。目标场景需要不透明背景时可切换为纯色；用于海报和社交图时也可以选择双色渐变背景。

  5. 05

    形状和颜色预设

    内置 9 组形状预设和 31 组颜色预设（19 组适合品牌使用的纯色，以及 12 组命名渐变），可以一键应用到所有样式层，再按需要细调。

  6. 06

    居中 Logo，并控制安全遮挡

    可上传 PNG、JPG 或 SVG 放在二维码中心。Logo 大小可设置为二维码宽度的 0 到 50%，也可以设置 Logo 留白，并开启隐藏 Logo 下方圆点，让 Logo 覆盖区域干净遮罩，二维码仍然容易扫描。

  7. 07

    L、M、Q、H 四档纠错等级

    快速理解：L 约 7% 冗余，M 约 15%，Q 约 25%，H 约 30%。只要加入 Logo，就建议使用 Q 或 H，因为冗余数据能帮助二维码抵抗视觉遮挡。

  8. 08

    固定预览，独立导出分辨率

    预览使用固定显示尺寸，方便比较不同样式。导出分辨率单独设置，可在 50 到 1000 像素之间调整，因此可以在同一个预览尺度下调品牌细节，再按目标尺寸导出。

  9. 09

    导出 PNG、SVG、WebP 和 JPEG

    PNG 适合通用数字场景；SVG 适合印刷和矢量编辑，可无限缩放；WebP 适合现代网站，体积更小；JPEG 仅建议在系统强制要求 JPG 时使用，因为它不支持透明。

  10. 10

    完全本地生成

    基于 qr-code-styling，在浏览器标签页内完成生成。Wi‑Fi 密码、联系人信息、内部 URL、活动追踪链接都不会发送到服务器。

如何使用

只需要 6 步。你调整任意控件时，预览都会实时重建。

  1. 01

    选择内容类型（URL、文本、Wi‑Fi、邮箱、电话、短信或 vCard），并填写字段。页面会自动生成底层的 WIFI、mailto、tel、sms 或 vCard payload，并正确处理转义。

  2. 02

    在基础设置里设置导出像素尺寸、静区留白和纠错等级。如果计划添加 Logo，请使用 Q 或 H。

  3. 03

    先套用形状预设和颜色预设，快速得到一个合理的二维码，再分别细调数据模块、定位图案和定位中心点。

  4. 04

    如果二维码要放在不透明介质上，可把背景切换成纯色或渐变；如果要交给设计文件使用，保持透明背景即可。

  5. 05

    上传居中 Logo（PNG 或 SVG 效果通常最好），把大小控制在二维码宽度的大约 25% 到 35%，并保持隐藏 Logo 下方圆点开启，让 Logo 后方的数据模块被干净遮罩。

  6. 06

    用真实手机扫描预览测试，再按需要的文件名下载 PNG、SVG、WebP 或 JPEG。

功能说明

三个样式层、背景和 Logo 覆盖了二维码的主要视觉决策。知道每个控制项对应哪一部分，可以更快调出想要的效果。

  • 数据模块是二维码中承载实际数据的小块。它们的形状最容易让用户感受到二维码的整体风格。圆角和圆角雅致更现代，方形则更传统。
  • 定位图案是左上、右上、左下三个大标记，扫描器依靠它们判断二维码方向。圆点或雅致这类特殊形状更好看，但会稍微牺牲旧设备上的识别率。
  • 定位中心点是每个定位图案内部的小块。让中心点和外层定位框使用不同样式，是在不明显破坏识别的前提下增加个性的简单方法。
  • 背景：交给设计师继续排版时用透明；用于贴纸、标签、名片时用纯色；用于海报和活动指示牌时可考虑渐变。
  • 纠错等级：Q（25%）是一个可靠默认值，能承受小 Logo 和中等程度损伤。Logo 更大或印刷环境更复杂时，提升到 H（30%）。
  • Logo：建议控制在二维码宽度的 20% 到 35%，并保持隐藏 Logo 下方圆点开启。再大就会明显消耗纠错冗余。
  • 静区留白：不要低于 4 个模块宽度的空白。扫描器需要这圈浅色区域锁定二维码，现实印刷中扫不出来的常见原因就是裁得太紧。

适合哪些场景

这个页面围绕这些反复出现的任务设计。同样是选择类型、设计样式、导出文件，可以覆盖二维码实际出现的大多数场景。

  1. 营销落地页二维码

    把活动 URL，最好是带 UTM 的可追踪短链，编码成带品牌风格的二维码，用于海报、桌牌、包装插页和活动指示牌。

  2. 咖啡店、办公室和活动 Wi‑Fi

    生成包含 SSID、密码和加密类型的 WIFI URI。扫码即可加入网络，不用手输密码，即使密码里包含符号或 Unicode 也可以正确处理。

  3. vCard 名片二维码

    把姓名、电话、邮箱、组织、职位和 URL 编码成 vCard 3.0。扫码后可以直接保存到 iOS 或 Android 联系人。

  4. 邮件行动入口

    带预填主题和正文的 mailto 二维码，适合海报 CTA、线索收集、客服入口、RSVP 和活动签到。

  5. 短信订阅活动

    带预填内容（例如 JOIN）的 sms 二维码，扫码后会打开短信草稿，常用于短信营销订阅和前台接待场景。

  6. 餐厅和零售的一键拨号

    tel 二维码扫码后可直接拨打电话，适合服务指示牌、出租车卡片、房产看板和客服贴纸。

  7. 带 Logo 的品牌二维码

    上传品牌标识，把纠错等级切到 Q 或 H，并把 Logo 大小控制在二维码宽度约 25%。这样既保留品牌感，也能保持较高扫码成功率。

  8. 用于 Figma 或 Canva 的透明二维码

    使用透明背景生成，并下载 SVG，即可直接放进设计文件，不需要额外抠背景。

  9. 多渠道活动统一风格

    为海报、网页、包装和社交内容生成同一套配色和形状的二维码，并在同一个工作台里分别导出合适的分辨率和格式。

  10. 预填表单深链

    把带 query 参数的 URL 编码成二维码，让扫码后打开已经带活动、来源或地点信息的表单，减少手动输入，提高提交率。

延伸阅读

当二维码里要放入包含非 ASCII 字符、UTM、OAuth 回调或复杂 query 参数的长 URL 时，可以先用 URL 编码解码 处理链接，确保百分号编码正确后再写进二维码。对于长文本、短信正文或 vCard 数据，可以先用 文本统计 检查字符数和 UTF‑8 字节长度。payload 越长，越容易需要更高纠错等级，也会降低扫码可靠性。如果 Logo 文件有几 MB，或包含不必要的透明通道，可以先用 图片压缩 压缩后再上传。目标如果是 SKU、资产 ID、箱号或票号，而不是 URL 或联系动作，请改用 条形码生成器 ；对于短数字或短字母数字内容，一维条形码通常更紧凑。

使用建议

这些是让二维码在屏幕、印刷品和弱光场景里更可靠可扫的实用习惯。

  • 默认使用 Q（25%）纠错等级。只要添加 Logo、印在粗糙材质上，或可能被部分遮挡，就提升到 H（30%）。
  • 静区留白保持在 4 个模块宽度以上。扫描器依靠周围的浅色区域定位二维码，裁切太紧是印刷二维码扫不出来的主要原因之一。
  • 印刷前一定在真实环境里试扫。测试手机、现场光线、用户扫描角度都会影响结果。最好借两台不同手机，在实际距离上测试。
  • 前景色要明显深于背景。现代扫描器能容忍一定程度的浅色前景，但深色前景配浅色背景仍然拥有最高的一次识别成功率。
  • 如果可靠性最重要，不要过度设计定位图案。圆点或雅致定位图案好看，但在旧扫描器上可能损失约 5% 到 10% 的识别可靠性。
  • 二维码中放 URL 时，优先使用短链（带 UTM 或品牌短链）。短链更适合低导出分辨率，也允许以后改目的地而不必重印二维码。
  • 按用途选择格式：印刷、包装和海报使用 SVG；幻灯片和邮件使用 PNG；现代网站使用 WebP；只有系统强制要求 JPG 时才用 JPEG。
  • 使用透明背景时，要确认最终承载面是浅色且均匀的。图案或照片背景会严重影响扫码；必要时在二维码下方加一块纯白底卡。
  • 每个正式二维码都保存原始 SVG。需要重新导出时，从 SVG 出发可以保持质量；从 PNG 截图再渲染则不行。
  • Wi‑Fi 二维码要仔细核对密码字符。分号、逗号、冒号、引号等符号需要页面自动处理的转义，但字段里输错一个字符，也会生成看起来正常但连不上的二维码。

边界与注意事项

这个页面是二维码生成器和样式设计工具，不是活动管理平台。了解边界，可以避免把工具用错方向。

  • 生成的是静态二维码。编码的数据直接存在二维码图案中，因此目标地址变化时需要重新生成。如果需要动态跳转，请编码短链或重定向 URL，并在外部更新它的目标。
  • 最大 payload 取决于字符集和纠错等级。大致上，在最低纠错下，数字约 7 KB，字母数字约 4.3 KB，UTF‑8 字节模式约 3 KB。长 vCard 或长段落很快会触及上限。
  • 定位图案上使用过重的渐变，会降低旧设备的扫码能力。即使数据模块使用渐变，也建议定位图案保持高对比度。
  • 这个页面不负责扫码或解码。要验证生成结果，请用真实手机扫描，或使用专门的二维码解码器。
  • Logo 是覆盖在完成后的二维码上，并没有编码进数据里。Logo 要相对二维码宽度保持较小，并依靠纠错等级吸收视觉遮挡。
  • 导出分辨率只影响 PNG、WebP、JPEG 等位图格式。SVG 与分辨率无关，尺寸字段控制的是 SVG viewBox，而不是像素尺寸。
  • JPEG 不支持透明背景。透明背景导出 JPEG 时，背景会自动填充为白色。
  • 使用渐变时仍然要保证对比度。请测试渐变中对比度最低的区域，因为扫码失败往往会从那里开始。
  • 所有处理都通过 qr-code-styling 在浏览器内完成。没有服务器、不会分析编码 payload、不会生成共享链接，也没有云端副本。

常见问题

这里整理了关于内容类型、扫码可靠性、Logo 放置、文件格式、纠错等级，以及静态 / 动态二维码差异的实用回答。

生成的是动态二维码还是静态二维码？

静态二维码。数据直接编码在二维码模块图案中，因此目的地改变时需要生成新的二维码。如果需要动态目的地，请把短链或重定向 URL 编进二维码，再在二维码外部更新短链目标。

最大可以放多少内容？

取决于字符集和纠错等级。粗略上限：最低纠错时，数字约 7 KB，字母数字约 4.3 KB，UTF‑8 字节模式约 3 KB。Q（25%）和 H（30%）会显著降低容量，所以长 vCard 通常需要 M 或 L。

为什么加了 Logo 后二维码有时扫不出来？

Logo 会遮住数据模块。通常有三个修正方向：把 Logo 控制在二维码宽度的 20% 到 35%，把纠错等级提升到 Q 或 H，并开启隐藏 Logo 下方圆点，让 Logo 区域干净遮罩，而不是半遮半露。

应该使用哪个纠错等级？

不放 Logo 时，M（15%）通常够用。放 Logo 时，Q（25%）是安全默认值；Logo 较大或印刷环境较粗糙时，用 H（30%）。从 L 提升到 H 会大幅降低容量，但也显著提高对遮挡和损伤的容忍度。

数据模块、定位图案和定位中心点有什么区别？

数据模块是二维码中分布在各处、承载实际数据的小方块。定位图案是左上、右上、左下三个大标记，扫描器靠它们判断方向。定位中心点是每个定位图案内部的小块。三者可以分别设置样式。

WIFI URI 是标准格式吗？所有手机都能扫吗？

WIFI URI 是 iOS、Android 和大多数相机 App 使用的事实标准。这个页面会按规范处理转义，因此包含反斜杠、分号、逗号、冒号或双引号的密码也能正确生成。

为什么 vCard 能扫出来，但文字乱码？

一些旧的 vCard 生成器没有正确转义逗号、分号、反斜杠和换行。这个页面按 RFC 6350 处理字段转义。如果你有旧物料上的坏二维码，建议用这个版本重新生成。

为什么修改 Size 字段时，预览大小不变？

这是刻意设计的。预览保持固定尺寸，方便稳定比较样式变化。Size 字段控制的是导出分辨率，也就是下载 PNG、WebP 或 JPEG 的实际像素尺寸。SVG 与分辨率无关。

透明背景适合印刷吗？

只有在承载面浅色、均匀，并且和二维码前景有高对比度时才适合。图案或照片背景会明显降低扫码能力；这类场景建议使用纯白背景，或在二维码下方印一块实底。

应该下载哪种文件格式？

PNG 适合幻灯片、文档、邮件等通用数字场景。SVG 适合印刷、矢量编辑和无限缩放。WebP 适合现代网站，体积更小。JPEG 只在系统强制要求 JPG 时使用，并且不适合透明背景。

可以使用任意图片作为 Logo 吗？

可以。PNG、JPG、SVG、WebP 都支持。大尺寸导出时，SVG Logo 效果最好；透明 PNG 也很适合。避免使用需要在小尺寸下仍然可读的文字型 Logo。

我的数据会离开浏览器吗？

不会。二维码生成、Logo 嵌入和所有下载都在当前浏览器标签页内完成。Wi‑Fi 密码、vCard 联系方式、带追踪参数的活动 URL 都不会发送到服务器。

这个工具可以扫码或解码二维码吗？

暂时不可以，这个页面只负责生成。要验证二维码里编码了什么，请用手机相机扫描，或把生成内容文本框里显示的底层字符串（非纯文本类型时尤其有用）放入二维码解码器检查。

更多相关工具

可以继续使用编码工具集：把 URL 做百分号编码后再放进二维码；目标是商品标签或资产 ID 时切换到条形码；或者用 Base64 和 JWT 检查器处理其他格式。