如何在线生成自定义二维码
在浏览器本地生成网址、电子名片(vCard)、Wi-Fi、纯文本等二维码,可调颜色与纠错级别,并导出 PNG 或 SVG。

与本篇教程搭配使用的更多工具:
为什么有用
一家小面包店在菜单卡上印制 Wi-Fi 二维码,顾客不必再开口问密码;每季换视觉时二维码颜色要跟新色系一致且远处仍能扫码;还需要 SVG 嵌入到 Illustrator 里排版的宣传单。一款免费、注重隐私、支持自定义颜色、容错率和无损导出的 QR 生成器,能避免落到「免费下载带水印」的灰色站点里。
三类真实场景
生成 600×600 的 SVG,品牌紫(#5B2A6F)印在米色底上,拖进 Illustrator 任意放大不糊。
无水印、可矢量导出
把 SSID 与密码编入 Wi-Fi 二维码;iPhone 与 Android 相机常会弹出加入网络提示。
客人两步即可连网
每位讲者单独生成 vCard 二维码;与会者一扫即可写入通讯录。
扫一次存通讯录,不再需要纸质卡片
操作演示
打开 QR 二维码生成器。右侧会随你修改输入实时预览二维码。
选择负载类型
纯文本、URL、Wi-Fi、vCard、邮件、短信或地理位置。表单会随类型变化——Wi-Fi 要 SSID 与密码;vCard 要姓名、电话、邮箱等。
选择纠错级别(ECC)
L(约 7%)、M(约 15%)、Q(约 25%)、H(约 30%)。越高越能耐污损或被遮挡一部分,但图案更密。印刷标牌建议 Q 或 H,咖啡渍也不至于扫不出来。
设置颜色
前景与背景用 HEX。对比度至少维持约 4:1——浅灰配白底好看但常常扫不出。
选择尺寸
预览按选定像素渲染。导出 SVG 时尺寸不太重要,矢量可无损缩放。
下载
PNG 更适合网页与邮件;SVG 更适合印刷与再做设计。
表单内容
SSID: GuestNet Password: BakeryWiFi2026 Encryption: WPA2
编码字符串
WIFI:T:WPA;S:GuestNet;P:BakeryWiFi2026;H:false;;
实用技巧
- 留白区:二维码四周至少留 4 个模块的静区(quiet zone);贴边印刷常被手机误判。
- 印刷前先测: 用自己手机扫屏幕预览。多数「扫不出」来自对比不足或 ECC 过低。
- 若要在中间叠 logo: 可用 H 级 ECC,再用图像软件叠 PNG 透明 logo——最多遮挡约表面 25% 仍可解码。
- URL 先缩短: 若原文超过约 80 个字符可先缩短,图案更稀疏,远距离更易扫。
常见陷阱
常见误区
手机摄像头识别不了
多数是对比度或尺寸问题。若前景比背景浅,调换前景色与背景——扫码器默认期待深色模块在较浅底色上。手持扫码建议印刷至少约 2cm×2cm。
常见误区
iOS Wi-Fi 二维码无法自动加入
加密类型需为 WPA(涵盖 WPA、WPA2、WPA3)或 WEP。隐藏网络要 H:true。密码中含特殊字符时可能需用反斜杠转义。
常见误区
SVG 放大后发糊
多半是导出了 PNG 而非 SVG。请用 SVG 按钮重新导出——得到的是矢量,可无损缩放。
什么情况不该用这个工具
- 追踪型/动态二维码(可随时改跳转 URL)需要托管服务(如 Bitly、QR Code Monkey 等)。MoreKits 产出的是静态码,解码结果始终指向同一负载。
- 大批量生成(数千个唯一码)用 CLI(如
qrencode)或与本工具相同qrencode/qrcode库的脚本会更快。
常见问题
数据会上传服务器吗?
不会。二维码完全在浏览器生成;负载、颜色和渲染结果都不会离开本机。
最大负载多长?
QR Version 40 配合最低 ECC 约可容 ~2953 个字母数字字符。实际超过 ~500 字符扫码可靠性会明显下降;必要时请改用短链等服务缩短。
能在中心放 logo 吗?
请用 H 级 ECC,再用任意图像编辑器叠透明 PNG logo。遮住面积勿超过 QR 面积约 25%,以保证仍可扫。
后续可以做什么
- 访客网络等多种 Wi-Fi QR 可用 Wi-Fi 二维码生成器。
- 把 SVG 转为 PNG/ICO 可用 SVG 转 PNG 或 SVG 转 ICO。
- 将二维码放进可印刷传单——邮件群发前可用 图片压缩 减小附件体积。