二维码样式化生成器,免费
创建具有自定义颜色、尺寸和角样式的二维码。下载为 PNG 或 SVG。
关于二维码
二维码(Quick Response)是一种二维条形码,可由智能手机和专用扫描器读取。它能编码文字、URL、联系信息、WiFi 凭证等。此生成器创建具有自定义颜色和尺寸的样式化二维码,适合营销、包装和数字使用。
纠错级别
- L(7%)· 基础恢复,在代码大部分完好时有效
- M(15%)· 标准,均衡的保护(推荐)
- Q(25%)· 高恢复,用于受损的代码
- H(30%)· 最大恢复,用于严重受损的代码
常见问题
可以在二维码中使用自定义颜色吗?
可以!大多数现代二维码扫描器都能处理颜色。请确保前景与背景之间有高对比度,以便可靠读取。请使用您目标的扫描器测试。
应该使用什么大小?
较大的二维码扫描更快、更可靠。至少使用 100×100 px。用于打印时,小幅打印应用请使用 300 px 或更大。
PNG 还是 SVG · 哪种格式更好?
使用 SVG 获得可缩放的矢量图(网页、打印时可放大)。使用 PNG 获得位图图像(网页显示、快速分享)。两者在扫描时效果相当。
这个 styler 到底做什么,以及该领域更宽广的部分
本页面有意暴露了一组很小的样式控件:选择一个前景(深色)、一个背景(浅色)、一个介于 100 到 1000 像素之间的输出尺寸,以及一个纠错级别(L / M / Q / H)。然后它在你的浏览器中完整地以那些设置渲染一张标准 QR code,并提供 PNG 与 SVG 下载。这里没有 logo 嵌入、没有圆角模块形状、没有装饰性的定位图案变体。这些特性存在于更宽的「样式 QR」生态中并在下文描述(它们才是大多数人在了解「样式 QR codes」时想要弄明白的)但一个谨慎的工具应当如实说明它实际提供什么。
样式之所以可行:纠错的余量
QR codes 使用 Reed-Solomon 纠错(由 Irving S. Reed 和 Gustave Solomon 于 1960 年提出,正是让一张 CD 能透过一道指纹仍然能读、让旅行者号探测器在星际空间还能与地球通话的同一套编码)。代码以冗余编码,使得一定比例的模块缺失或读错时仍能恢复原始数据。四个标准化级别,用 Denso Wave 自己的话:
- L 级 (Low):约 7% 的码字可被恢复。
- M 级 (Medium):约 15%。「Most frequently selected.」
- Q 级 (Quartile):约 25%。
- H 级 (High):约 30%。
Denso Wave 的官方指引:「Level Q or H may be selected for factory environment where QR Code get dirty」 以及 「Level L may be selected for clean environment with the large amount of data.」 选择能在你实际的扫码条件下生存的最低级别,因为从 L 到 H 每升一级,相同载荷下码会变得更密(每边的模块数更多)。
对样式而言,关系是直接的:纠错余量越多,视觉自由度越大、扫码越不容易破。一个 logo、重新上色的模块、圆角模块形状,甚至给本应为浅色的背景加上一抹色调,每一样都会吃掉一部分预算。叠太多,扫码器的 Reed-Solomon 解码器就会用完可纠错次数。大多数样式生成器的实用配方:只要加 logo 或任何「设计师」样式,就升到 H 级,而且仍要在多台设备上测试,再大规模印刷。
模块/点的形状变体
spec 中的标准 QR 用不带圆角的方形模块。现代样式库及更宽的「样式 QR」生态通常会暴露一组命名好的模块形状选项。事实上的词汇由 Denys Kozak 的 qr-code-styling 库确立,现在已被一大堆生成器复用:
- square,默认值,与 ISO/IEC 18004 参考符号一致。扫码可靠性最强。
- rounded,方形模块带圆角。角落对比稍有损失,但视觉上更柔和。
- dots,完全圆形的点,不做模块合并。最有「设计」感的外观,付出的解码余量也最多。
- classy,只把一个角磨圆的模块,目的是相邻深色模块对齐时看起来像流动的人字纹。
- classy-rounded,曲度更明显的 classy。
- extra-rounded,方形带最大角半径,差一点点就变成圆。
库会在应用形状前把同色相邻模块视作一块联通的 blob,所以 rounded 和 classy 给出的是连续流动的笔触,而不是模块孤岛。扫码器读取的是模块的中心,所以只要中心-中心间的对比仍然成立,相机就开心。本工具目前只暴露标准方形模块,支持其他形状需要换一套渲染库。
眼睛 / 定位图案的变体
每个 QR 都有三只「眼睛」(位于左上、右上、左下三个角的大牛眼图案。这些定位图案有固定的模块比例 1:1:3:1:1,是 Masahiro Hara 团队对照当时的印刷品分析后选出的一个内在比例,几乎从不在自然图像中偶发出现)这样扫码器就能很快定位到它们。
每个定位图案其实由两部分组成:外侧的角方块(一个 7×7 模块环,内套一个反色 5×5 模块环)和角点(中间 3×3 的实心中心)。样式库把这两部分作为可分别定制处理,所以你会在 QRCode Monkey 和 QR TIGER 这类工具中看到「frame」与「ball」两组独立控件。它们都可以使用与数据模块相同的形状选项:square、dot、rounded、extra-rounded、classy、classy-rounded。
眼睛样式的扫码警告:定位图案是扫码器找到这张码的方式。把它们破坏得太狠(比如本该是实心方块的位置放成小点点)会让相机锁不住,尤其在距离远或角度斜的情况下。安全规则:外侧角方块那一圈至少保持为一个连续闭合形状(square、rounded、extra-rounded,不要「dots」),内部的点你可以放胆一些。
嵌入 logo
这是 2026 年最被反复请求的 QR 样式功能。机制非常简单粗暴:QR code 正常生成,然后在中心覆盖一张 logo 图像(PNG、JPEG、SVG),替换掉一部分数据模块。扫码时 Reed-Solomon 纠错再「补回」被遮住的模块。实用边界:
- 嵌入 logo 时,始终使用 H 级(30%)纠错。
- 把 logo 覆盖率保持在模块总面积的 20-25%(不是包含安静区的视觉面积)。超过约 25%,你就在啃食用于吸收真实扫描噪声的恢复余量;超过 30%,在便宜扫描器和远距离下基本注定失败。
- 把 logo 居中。各个角承担着定位图案以及(在较大码上)定时图案和对齐图案,遮住它们就是把码整个搞坏的快捷方式。
- 如果 logo 有颜色接近背景的部分,给它配一块不透明的「底板」,免得扫码器在边缘被绕糊涂。
- 正式批量印刷前,至少在一台 iPhone、一台中端 Android 和一款专用扫描 app 上做测试。
本工具不嵌入 logo。这是一个刻意的范围选择,logo 叠加需要一套细心的交互模型(上传、定位、透明度、纠错级别锁定),不适合塞进一个「颜色 + 尺寸」的工具。如需 QR-加-logo 的工作流,请看相关的 QR Code Generator。
颜色定制,哪些安全、哪些不安全
颜色是本工具实际暴露的唯一样式杠杆,所以这一节最为直接相关。第一条规则:对比度。QR 扫码器逐模块判断「是深还是浅?」,两者之间的差距越大,它判断得越快、越可靠。具体到 QR codes,被广泛引用的工作值是前景与背景之间至少 4:1 的对比度,4.5:1 或更高更利于现实可靠性。WCAG 2.x 关于非文本图形的一般指引(准则 1.4.11)把最低值定在 3:1;QR codes 必须更宽裕地越过这条线,因为相机没有人类的上下文推理可依。
- 可靠:深海军蓝、深绿、深紫、炭黑、白底黑前景、象牙或非常浅的色调。
- 看起来好看但常常扫不出来:中色调红配中色调绿、「低饱和品牌色板」配低饱和背景、粉彩配粉彩。
- 纯红做前景是个值得点名的老问题。许多老式 CCD 扫描器使用红色照明 LED,这会让红色在传感器看来跟白色一样。现代手机相机没问题,但如果你的 QR 可能被工业读码器扫描,请避开红色前景。
第二条规则:不要反相。按 spec,QR code 是浅色背景上的深色模块。浅底深字(「反相」)的 QR 在技术上是合法的,最聪明的扫码器(现代 iOS 相机、最新 Google Lens)能翻过来读,但现场仍有相当一部分手机做不到。较旧的 Android 相机 app、第三方扫码 app 以及几乎所有专用条码扫描器都默认深-在-浅,并会在反相时失败。当你有一个深色品牌背景却想放上 QR 时的推荐做法:不要反相,而是在深色表面上放一块对比明显的浅色「铭牌」或边框,把标准的深-在-浅 QR 嵌进去。
第三条规则:渐变和多色模块会吃掉解码余量。样式库支持在深色模块、背景、甚至独立地在眼睛上做线性和径向渐变,屏幕上确实很漂亮。但每一次平滑色彩过渡都让扫码器逐模块的深/浅判断更难,特别是在光线不佳的情况下。渐变若停留在同一深色家族内(例如海军蓝渐变到深紫,二者都明确属于「深」),就最安全;横跨中间色调时风险最大。本工具目前只暴露纯色,是最安全的起点。
PNG 还是 SVG,输出格式选择
PNG 是位图格式。QR 被渲染到一个固定的像素网格上。优点:哪里都能用,包括老旧邮件客户端和任意图像展示面。缺点:放大超过渲染分辨率会让模块边缘出现模糊和锯齿,可能损害大幅印刷的扫码性。把一张 300px 的 PNG 用在 600×600 mm 海报上,模块会看上去明显发软。
SVG(Scalable Vector Graphics)是矢量格式。QR 被描述为一组多边形,渲染器在屏幕或打印设备需要的分辨率上栅格化。优点:可无损放大;文件极小(常常几个 kB);可在 Illustrator、Affinity Designer、Inkscape 中编辑;现代浏览器原生支持。实用规则:若用于屏幕,两者皆可;若用于印刷,尤其是任何明信片以上尺寸,选 SVG。
QR codes 不要用 JPEG。JPEG 的有损压缩瑕疵会聚集在高对比边缘(正是每个 QR 模块的边界)即便在高质量设置下,JPEG 也可能引入足够的边缘模糊去破坏便宜扫码器的解码。PNG 才是正确的位图选择。
安静区要求(经常被忘记)
ISO/IEC 18004 要求安静区(浅色背景的留白边缘)在码的四边各至少4 个模块宽。否则扫码器可能把附近的文字、边框或背景图像当作码的一部分,要么无法解码,要么解码错误。实用换算:如果一个模块在印刷件上 2 mm 宽,安静区每边至少 8 mm。本工具下载的 PNG 与 SVG 默认就包含标准安静区边距。许多为 Instagram 而「裁剪」的 QR 导出文件会打破这条规则,正是「为什么我的码扫不出来?」最常见的根源之一。
关于支付 QR codes 的一点说明
全球 QR 流量中有一块不小的份额是用于支付,而这些支付 QR 并非通用的。EMV QR Codes(EMVCo 规范,当前版本 1.1,最近一次更新于 2020 年 11 月 27 日)编码一份结构化载荷:商户 ID、交易金额、币种、MCC、国家码、CRC 校验。支付宝与微信支付(中国)、UPI(印度)、PromptPay(泰国)、PayNow(新加坡)、PIX(巴西)遵循由监管定义的载荷。它们在视觉上看上去就是普通的 QR codes,但通用相机 app 用它们什么也付不了,载荷必须由支付平台本身签发。不论视觉样式多么逼真,你都无法用本工具生成可用的支付 QR code。请使用你支付服务商的商户后台。
2020 年后品牌样式 QR 的爆发,为什么它重要
QR codes 从 2010 年前后就在技术上随处可得,但在西方,普及一直浅淡,直到 COVID-19 强行推了一把无接触转型。QR 交互量在 2018 到 2020 年间增长 94%;被归因为 QR 扫描带来的下载量在 2020 Q1 到 2021 Q4 间增长 750%。约有 8900 万美国智能手机用户在 2022 年扫过 QR。Juniper Research 预计,到 2029 年 QR 支付的全球年度支出将超过 8 万亿美元,2025 年的数字是 5.4 万亿。品牌 QR 厂商 QR TIGER 声称,样式化/品牌化 QR 比纯黑白码多得到最多 70% 的扫描(这一具体数字按厂商口径看待,但「品牌样式驱动扫描」的方向性结论得到广泛认同)。
到了 2026 年,QR 不再是一块奇怪的工具基础设施,它已经是一个品牌表面。公司希望它感觉「在品牌上」,就像他们希望字体或包装在品牌上一样。这就是「styler」这类搜索意图存在的原因,也是为什么相互竞争的工具都收敛到同一组「点/眼睛/颜色/logo」的控件。
更多问答
我能用这个工具制作支付 QR code(支付宝、微信支付、UPI)吗?
不能。支付 QR codes 由支付平台本身签发,并嵌入了通用生成器无法产生的、经过加密签名或平台特定的载荷。请使用你支付服务商的商户后台,或你所在国家官方的支付宝/微信/UPI 集成。
我的彩色 QR 在某些手机上扫不出来,为什么?
几乎总是对比度问题。把前景与背景之间的对比度做到至少 4.5:1;使用深-在-浅(不要反相);如果可能被工业读码器扫到,请避开纯红前景。如果你在别处嵌了 logo,把纠错升到 H 级。样式 QR 扫描失败最常见的元凶,是出于好意的品牌色,它们放在 Pantone 色板上确实漂亮,但留给手机相机的信息太少。
我能在这里给 QR 中心加 logo 吗?
本工具里不能,它聚焦于颜色与尺寸。logo 叠加需要一套细心的交互模型(上传处理、定位、透明度、纠错级别锁定),与这种「快速样式化」工作流不合。规范做法是:在 H 级渲染 QR,然后在图像编辑器中把 logo 合成到中心,保持覆盖率在模块面积的 20-25%。
QR 应该印多大?
实用法则:QR 的边长至少应是预期扫码距离的十分之一。打算从 1 米外扫的 QR 至少要 10cm × 10cm。给电视屏幕上的 QR 是从客厅那头扫的(做大;名片上的 QR 是在伸手距离扫的)1.5-2 cm 就够。印刷永远用 SVG,绝不用 JPEG,并保持 4 个模块的安静区完整。