二维码样式化生成器,免费

创建具有自定义颜色、尺寸和角样式的二维码。下载为 PNG 或 SVG。

完全在您的浏览器中生成
300 px
预览将显示在此处

关于二维码

二维码(Quick Response)是一种二维条形码,可由智能手机和专用扫描器读取。它能编码文字、URL、联系信息、WiFi 凭证等。此生成器创建具有自定义颜色和尺寸的样式化二维码,适合营销、包装和数字使用。

纠错级别

常见问题

可以在二维码中使用自定义颜色吗?

可以!大多数现代二维码扫描器都能处理颜色。请确保前景与背景之间有高对比度,以便可靠读取。请使用您目标的扫描器测试。

应该使用什么大小?

较大的二维码扫描更快、更可靠。至少使用 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 自己的话:

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 库确立,现在已被一大堆生成器复用:

库会在应用形状前把同色相邻模块视作一块联通的 blob,所以 rounded 和 classy 给出的是连续流动的笔触,而不是模块孤岛。扫码器读取的是模块的中心,所以只要中心-中心间的对比仍然成立,相机就开心。本工具目前只暴露标准方形模块,支持其他形状需要换一套渲染库。

眼睛 / 定位图案的变体

每个 QR 都有三只「眼睛」(位于左上、右上、左下三个角的大牛眼图案。这些定位图案有固定的模块比例 1:1:3:1:1,是 Masahiro Hara 团队对照当时的印刷品分析后选出的一个内在比例,几乎从不在自然图像中偶发出现)这样扫码器就能很快定位到它们。

每个定位图案其实由两部分组成:外侧的角方块(一个 7×7 模块环,内套一个反色 5×5 模块环)和角点(中间 3×3 的实心中心)。样式库把这两部分作为可分别定制处理,所以你会在 QRCode Monkey 和 QR TIGER 这类工具中看到「frame」与「ball」两组独立控件。它们都可以使用与数据模块相同的形状选项:squaredotroundedextra-roundedclassyclassy-rounded

眼睛样式的扫码警告:定位图案是扫码器找到这张码的方式。把它们破坏得太狠(比如本该是实心方块的位置放成小点点)会让相机锁不住,尤其在距离远或角度斜的情况下。安全规则:外侧角方块那一圈至少保持为一个连续闭合形状(square、rounded、extra-rounded,不要「dots」),内部的点你可以放胆一些。

嵌入 logo

这是 2026 年最被反复请求的 QR 样式功能。机制非常简单粗暴:QR code 正常生成,然后在中心覆盖一张 logo 图像(PNG、JPEG、SVG),替换掉一部分数据模块。扫码时 Reed-Solomon 纠错再「补回」被遮住的模块。实用边界:

本工具不嵌入 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 必须更宽裕地越过这条线,因为相机没有人类的上下文推理可依。

第二条规则:不要反相。按 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 个模块的安静区完整。

相关工具