ArrayKit

带 Logo 的二维码

把你的 Logo 放进二维码,重新设计它的颜色、形状和边框,并在设计的同时实时看它被重新解码验证——全部在你的浏览器中完成,不会上传任何内容。

带 Logo 的二维码

把你的 Logo 放进二维码,重新设计它的颜色、形状和边框,并在设计的同时实时看它被重新解码验证——全部在你的浏览器中完成,不会上传任何内容。

Logo、内容和做好的二维码都留在这个标签页中。只有设计设置(颜色、形状、边框)会记在你的设备上;你编码的文本和 Logo 文件都不会被保存。

用二维码识别工具检查做好的二维码

关于 带 Logo 的二维码

这款二维码制作工具把你自己的 Logo 放在码的正中间,并让你重新设计周围的一切:前景色和背景色,或双色渐变;方形、圆角、圆点或菱形的模块;三种码眼形状,各有自己的颜色;还有可选的边框,边框上可以写「SCAN ME」之类的标签文字。Logo 会遮住一部分图案,所以工具把纠错级别和它绑定在一起:有 Logo 时,「Auto」会自动提高级别,而尺寸滑块会停在该级别能够还原的最大 Logo 处。每次改动都会立刻重绘,做好的图片还会在页面里再次解码,所以在打印之前,你会先看到确认,或一条通俗易懂的警告。颜色和形状会记在这台设备上;编码的文本和 Logo 则不会被记住,也不会上传任何内容。

功能特性

  • 可添加最大 1 MB 的 PNG、JPEG、SVG 或 WebP Logo,并可在它后面垫一块方形或圆形底板
  • Logo 大小滑块的上限,取决于所选纠错级别能还原多大
  • 「Auto」纠错级别会在加入 Logo 时提高到 Q 或 H,并说明原因
  • 方形、圆角、圆点和菱形的模块,码眼的外圈和内芯形状可分别设置
  • 纯色,或角度可调的双色渐变
  • 在码的上方或下方加边框,标签文字和颜色可自定义
  • 实时解码验证:把渲染出的图片重新解码,并与你的文本比对
  • 6 个一键预设,然后可下载 256 到 2048 px 的 PNG,或用于印刷的 SVG

如何使用 带 Logo 的二维码

  1. 在内容框中输入或粘贴链接或文本
  2. 选一个预设,再调整颜色、模块形状和码眼
  3. 选择 Logo 文件并设置大小;滑块会停在该纠错级别的安全上限处
  4. 也可以加一个边框,并写上「SCAN ME」之类的标签文字
  5. 等扫描检测变绿,再下载 PNG 或 SVG

示例

输入

Content: https://example.com
Error correction: H
Logo: 22% of the width, round plate
Modules: rounded dots, round eyes

输出

1024 px PNG downloaded
✓ Scans correctly — the image decodes back to https://example.com

检测解码的就是你下载的那些像素,所以过大的 Logo 在打印之前就会暴露出来。

常见错误与故障排除

  • 加上 Logo 之后,二维码扫不出来了。 — Logo 遮住的图案超出了纠错所能还原的范围。请把它缩小,或把级别提高到 H。滑块其实已经停在当前级别的安全上限处。
  • 出现警告,提示颜色反了或对比度偏低。 — 扫描器期望的是浅色背景上的深色模块,并且对比度要强。请对调两种颜色,或加深前景色;警告下面会出现一键修复。
  • 屏幕上能扫出来,印在纸上却扫不出来。 — 请保留至少 4 个模块宽的静区,印刷宽度至少 2 cm,大幅印刷时用 SVG,边缘才会保持锐利。
  • Logo 文件被拒绝。 — 请使用 1 MB 以下的 PNG、JPEG、SVG 或 WebP。透明背景上的简洁 Logo 效果最好;大尺寸照片请先调整尺寸。

常见问题

二维码里的 Logo 最大能多大,才不会扫不出来?
这取决于纠错级别。L 级只能还原宽度约为码宽十分之一的 Logo,而 H 级大约允许四分之一。尺寸滑块的上限就是当前级别的限度,实时解码验证则会告诉你结果是否仍能解码。
为什么带 Logo 的二维码需要 H 级纠错?
Logo 取代的是真实的模块,二维码之所以还能读出,全靠纠错数据把它们还原出来。H 级最多可恢复约 30% 的数据,所以最能容纳大 Logo。「Auto」设置只要有 Logo,就会使用 Q 或 H。
哪些二维码颜色扫描起来最可靠?渐变色可以吗?
浅色背景上的深色模块、对比度强,是最稳妥的搭配;对比度请至少达到 4:1。只要渐变的两端相对背景都足够深,扫描就没问题。请避免深色背景上的浅色模块,很多扫码应用读不出来。
带 Logo 的二维码印刷时应该存成 PNG 还是 SVG?
凡是要印刷或放大的,请用 SVG,因为它是矢量格式,任何尺寸都保持清晰。用于网页、幻灯片和文档时,请使用 1024 px 或更大的 PNG。
打印之前,怎样测试带 Logo 的二维码?
每次改动之后,页面都会解码渲染出的图片,并显示读出来的是不是同样的文本。要印刷的话,还请用手机按实际大小和距离扫一份样张。
在这里设计二维码时,我的 Logo 和链接会被上传吗?
不会。Logo 由你的浏览器读取并嵌入二维码,它和文本都不会被发送到任何地方。只有设计设置会记在这台设备上。

相关工具

  • 二维码生成器 — 从文本或 URL 生成二维码;可下载为 PNG 或 SVG。
  • 二维码识别 — 从图片、截图或摄像头识别二维码,看清里面是链接、Wi-Fi、联系人还是付款信息。
  • vCard 二维码生成器 — 把联系信息变成手机一点即可保存的二维码,支持 vCard 3.0、4.0 或 MECARD,并可下载 .vcf 文件。
  • WiFi二维码生成器 — 扫码即连WiFi的二维码,转义正确无误。
  • 批量二维码生成器 — 把清单或 CSV 一次转成最多 500 个二维码,打包成 PNG 或 SVG 的 ZIP,也可排成带标签的可打印版面。
  • SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
  • 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
  • Favicon 生成器 — 用图片、字母或表情符号生成 favicon.ico、各尺寸 PNG、苹果触摸图标和 Web 应用清单。

更多编码 / 解码工具

查看全部编码 / 解码工具 (30) · 全部工具