即时生成高质量二维码,支持自定义选项。支持URL、文本、联系信息和多种输出格式(PNG、SVG、Data URL)。
工具功能
- 多种输出格式(PNG、SVG、Data URL): 导出二维码为光栅 PNG 图片(可缩放质量 128x128 至 2048x2048 像素)、矢量 SVG 图形(无限缩放不失真)或 Data URL(base64 编码,可直接嵌入 HTML)。PNG 适合打印,SVG 适合响应式网页设计,Data URL 适合即时集成。
- 完整的设计定制和品牌化: 自定义前景色和背景色(十六进制、RGB、带透明度的 RGBA),调整二维码尺寸(100-1000px),选择纠错级别(L=7%、M=15%、Q=25%、H=30% 数据恢复),添加 Logo/图片叠加,配置静区边距以实现品牌一致性和视觉吸引力。
- 高分辨率质量与纠错功能: 生成专业品质的二维码,具有清晰边缘、完美像素对齐和 ISO/IEC 18004 合规性。四种纠错级别确保即使损坏也可扫描:低(7% 恢复)、中(15%)、高(25%)、最高(30%)。支持最多 4,296 个字母数字字符或 7,089 个数字字符。
- 即时生成多种内容类型: 实时创建 URL、纯文本、电子邮件(mailto:)、电话号码(tel:)、短信消息、WiFi 凭据(SSID/密码)、vCard(联系信息)、地理坐标和事件详情的二维码。一键下载所有格式、复制到剪贴板或直接打印生成的代码。
使用方法
- 输入内容: 输入文本、URL或联系信息以生成QR码
- 自定义选项: 调整大小、颜色、纠错级别和格式
- 生成和下载: 生成QR码并以PNG或SVG格式下载
生成原理
QR码标准和矩阵编码
QR(快速响应)码是由ISO/IEC 18004标准定义的二维矩阵条形码,能够存储多达4,296个字母数字字符或2,953字节的二进制数据。代码由排列在白色背景上方形网格中的黑色模块(方块)组成,具有查找器模式(位置检测)、对齐模式、定时模式和格式信息。数据编码支持多种模式:数字(0-9,每3位数10位)、字母数字(0-9、A-Z、空格、$%*+-./: 每2个字符11位)、字节/二进制(每字符8位)和汉字(日语每字符13位)。该工具实现Reed-Solomon纠错,具有四个级别:L(7%恢复)、M(15%)、Q(25%)和H(30%),允许损坏的代码保持可扫描性。版本选择(1-40)确定从21×21到177×177模块的矩阵大小,根据数据容量要求自动选择。
编码过程和纠错
QR码生成遵循结构化过程:模式选择(为数据类型选择最佳编码模式)、数据分析(计算容量要求)、编码(将数据转换为二进制码字)、纠错码字生成(Reed-Solomon多项式除法)、构造最终消息(交错数据和纠错块)以及矩阵构建(根据掩码模式放置模块)。该工具实现八种掩码模式(0-7)进行最佳可读性评估,选择最小化惩罚分数的模式(平衡暗/亮模块,避免大面积相同颜色),并将格式信息(纠错级别、掩码模式)应用于指定位置。高级功能包括混合内容的自动模式切换、最大数据密度的优化编码以及确保跨设备和应用程序扫描器兼容性的QR码结构验证。
自定义和实际应用
生成器提供广泛的自定义:大小配置(像素,调整模块大小)、静区(扫描器识别的强制白色边框)、配色方案(传统黑/白或保持足够对比度的自定义颜色)以及中心嵌入徽标/图像(利用纠错进行部分覆盖)。输出格式包括:用于打印和数字使用的PNG光栅、用于可缩放图形和激光雕刻的SVG矢量、用于嵌入HTML/CSS的数据URL以及用于Web应用程序的Canvas。实际应用涵盖:用于营销和产品包装的网站URL、用于名片的vCard联系信息、用于网络访问的WiFi凭据、支付信息(加密货币地址、支付请求)、活动门票、库存管理和文档认证。最佳实践包括在预期大小/距离测试可扫描性、保持最小对比度比(3:1)以及选择适当的纠错级别,平衡数据容量与损伤容限,以在现实条件下可靠扫描。
常见问题
- 为什么需要二维码生成器?
- 二维码生成器用于创建可扫描的代码,可存储URL、文本、联系信息、WiFi凭据和其他数据。二维码连接物理世界和数字世界,实现即时访问网站、分享联系方式、连接WiFi网络和促进移动支付。专用生成器提供自定义选项、多种输出格式,并确保正确编码以实现可靠扫描。
- 二维码可以存储哪些类型的数据?
- 二维码可以存储各种数据类型,包括:URL(网页链接)、纯文本、电子邮件地址(mailto:)、电话号码(tel:)、短信消息、WiFi网络凭据(SSID和密码)、vCard联系信息、地理坐标、日历事件和自定义数据。最大容量取决于纠错级别:使用最高纠错级别时,最多可存储4,296个字母数字字符或7,089个数字字符。
- 什么是纠错级别,应该使用哪个级别?
- 纠错允许二维码在部分损坏时仍可扫描。提供四个级别:低(L)可恢复7%的损坏,中(M)可恢复15%,四分位(Q)可恢复25%,高(H)可恢复30%的损坏。在简单、清洁的环境中使用低级别;一般用途使用中级别;可能变脏的印刷材料使用四分位级别;可能损坏或放置在具有挑战性的扫描条件下的代码使用高级别。
- 我可以自定义二维码的外观吗?
- 可以,您可以通过调整大小(100-1000像素)、前景色和背景色(十六进制、RGB、带透明度的RGBA)、边距大小(静默区)和纠错级别来自定义二维码外观。您还可以在中心嵌入徽标或图像,但这需要更高的纠错级别。自定义颜色必须保持足够的对比度(至少4:1)以确保可靠扫描。
- 生成二维码时我的数据是否安全处理?
- 是的,所有二维码生成都完全在您的浏览器中使用客户端JavaScript执行。您的输入数据永远不会离开您的设备或上传到服务器。所有编码和图像生成都在浏览器内存中本地进行,关闭页面时数据会被丢弃,确保WiFi密码或联系详细信息等敏感信息的隐私。
相关文档
- MDN - Canvas API - HTML5 Canvas API 用于图形和可视化
- MDN - SVG 文档 - 可缩放矢量图形文档和教程
- W3C - SVG 规范 - W3C 官方 SVG 规范
- MDN - CSS Color - CSS颜色值和颜色空间
- Web.dev - 图形和视觉效果 - Web图形和动画最佳实践