MakeQR
返回博客
SVG矢量印刷设计

免费 SVG 二维码生成器 —— 印刷级矢量品质

MakeQR Team7 分钟阅读

如果一枚二维码最终要出现在广告牌、名片,或任何大于明信片的印刷品上,请导出 SVG。1000 × 1000 像素的 PNG 在手机屏幕上看没问题,但印到 90 cm 的海报上就是灾难——每个模组变成一团像素,手机相机根本对焦不上。SVG 是矢量格式,二维码以数学指令而非像素存储,同一份文件从邮票到体育场横幅都同样锋利清晰。

本指南讲清楚为什么生产场景必须用 SVG、哪些免费工具真正不把 SVG 藏在付费墙后,以及如何把文件干净地导入 Illustrator、Figma 或 InDesign。面向印刷设计时,SVG 是默认项——而不是 Pro 版才解锁的"附加功能"。

二维码为什么要选 SVG 而不是 PNG

二维码是一组黑白方块(称作"模组")构成的网格。PNG 把每个方块当像素块存储,所以一份 500 像素的 PNG,每个模组大约用 15 × 15 像素表示。把文件缩放到海报尺寸时,每个 15 像素的方块会变成 3 cm 的色块——颗粒感、边缘虚化,手机相机更难解码。

SVG 则把同一个网格存储为一组有锐利数学边界的矢量矩形。一份 2 KB 的 SVG,显示在 5 cm 或 5 m 都拥有同样干净的模组边缘。这在三种场景里特别关键:展会级别的大幅面印刷(横幅、易拉宝)、相机分辨率吃紧的小尺寸印刷(名片、产品包装),以及要把二维码合成到更大版面里的 Illustrator 或 InDesign 设计工作流。

大尺寸场景下还有文件体积的优势。2000 × 2000 像素的 PNG 是 40–100 KB,同等效果的 SVG 通常不到 3 KB——本质上是一串描述矩形的文本。用于 Web 时更轻,用于印刷时品质差距才是重点。

哪些免费工具真的能导出 SVG

SVG 导出是二维码市场上最早被付费墙吞掉的功能之一,所以这份名单比你以为的短。下表反映截至 2026 年 4 月各服务商已公开的免费方案政策——随着各家调整分层,SVG 可用性可能随时变化。

工具免费导出 SVG?文件洁净度
MakeQR是路径干净、可成组,Illustrator 可直接编辑
QRCode Monkey是干净,每个模组单独成路径
qr-code-generator.com否仅付费方案
QR TIGER否(仅试用)需要账号并处于试用期
Flowcode否付费方案,面向企业
the-qrcode-generator.com是SVG 里夹带推广元数据

数据采集:2026 年 4 月。免费方案的 SVG 访问权限会随服务商调整而变化。

"洁净度"这一列值得展开。某些 SVG 导出技术上是矢量,却内嵌了位图降级版、行内样式,或指向生成器的 SVG 注释。这类文件在浏览器里看着正常,但导入 Illustrator 时会冒出一堆要手工删掉的图层。干净的 SVG 导入后就是一个由矩形构成的简单群组,可以直接重上色,或嵌入到更大的版面中,完全不用收拾残局。

在 MakeQR 里生成 SVG

打开 makeqr.daylab.dev。编辑器默认是 URL 码,但导出格式的选项对所有内容类型——WiFi、vCard、PDF、纯文本——都一视同仁,先挑符合你场景的那种内容类型即可。填好目的地,看预览同步刷新,如需调色或加 logo 也可以。

预览满意后,点 下载 并选择 SVG。一份独立的 .svg 文件落进下载文件夹。用任意矢量编辑器、浏览器打开,或者直接拖进设计稿都可以。没有水印、不需要账号,生成的码也不带任何扫描额度。

关于输出的三条实务笔记。第一,码是成组的——所有模组被包在一个 <g> 元素里,所以在 Illustrator 或 Figma 里重上色是一键动作。第二,码四周的安静区作为空白保留在 SVG 的 viewBox 中,所以拖到设计画布时正确的边距依然存在。第三,如果加了 logo,它作为独立子组嵌入,可以在不重新生成二维码的前提下替换或删除。

把 SVG 导入 Illustrator

Illustrator 默认导入 SVG 会得到一份结构清晰的分层文件。通过"文件 → 打开"直接打开 .svg,或者直接拖进画布都行。二维码会以"填充矩形组"的形式出现。要整体换色,选中该组、改填充色即可——不需要单独动每一个模组。

如果要把码放进更大的构图——一张品牌海报、一张菜单卡、一个产品标签——复制该组,再粘贴进目标文档。Illustrator 在跨文档时保留矢量保真度,粘贴后再缩放也不会让边缘劣化。注意保留安静区,不要把码贴边或紧邻其他元素。

对于 CMYK 印刷工作流,把填色从 RGB 黑改成 100% K(青墨),或者改用你自己的 rich black。纯 RGB 黑在大多数印刷机上呈现为偏暖、偏软的黑,跟白色模组之间的对比会下降,扫描可靠性也随之降低。100% K 或者冷/暖 rich black(例如 C:30 M:30 Y:30 K:100)在生产环境里更锐利。

Figma 与 Sketch 工作流

Figma 通过复制粘贴或拖放导入 SVG。导入后的二维码会落在一个 Frame 里,包着矢量形状。用于网页模拟或营销素材时尽情缩放——Figma 的渲染器不会让矢量像素化。

Figma 的一个坑:如果你把包含二维码的 Figma Frame 再复制导出为 PNG,那是按预览分辨率栅格化的。把成果交给印厂时,要把二维码 Frame 再导出为 SVG,而不是 PNG。Figma 的"导出"面板同时支持两种——印刷交付统一用 SVG。

Sketch 的 SVG 导入机制类似。组的层级与 Figma 一致,换色方式也一样——选中组、改填充。

InDesign 排版工作流

InDesign 并非每个版本都原生支持 SVG;较老的 2023 版本需要绕路。按推荐度排序有三种方案:

直接置入 SVG(InDesign 2024+) —— 通过"文件 → 置入"原生支持。二维码作为矢量图形帧置入,可任意缩放无品质损失。这是现代默认选项。

置入 PDF —— 如果你的 SVG 导出工具同时支持 PDF(MakeQR 支持),把二维码导出为单页 PDF 再置入。InDesign 所有版本都原生置入 PDF,品质与 SVG 一致(同为矢量)。

从 Illustrator 复制粘贴 —— 用 Illustrator 打开 SVG,复制该组,粘贴到 InDesign。即便是老版本 InDesign 也能走通,多两步但稳定。

无论走哪条路,导出 InDesign 终稿送印之前,先过一遍"印前"面板。确认二维码是矢量(不是嵌入的栅格)、颜色模式正确(商业印刷多为 CMYK)、四周安静区至少 4 mm。

SVG 二维码在印刷中的安全尺寸

SVG 可以无限缩放,所以实际约束变成"在典型观看距离下相机还能扫得出"的最小尺寸。以下数值基于 2024 年中端 Android 手机实测:

  • 名片 —— 20 × 20 mm,安静区 4 mm。20 cm 观看距离下可扫。
  • 桌卡 / 传单 —— 30 × 30 mm,安静区 6 mm。40 cm 距离下可扫。
  • 海报 / 指示牌 —— 80 × 80 mm,安静区 16 mm。1.5 m 距离下可扫。
  • 展会横幅 —— 200 × 200 mm,安静区 40 mm。3 m 距离下可扫。
  • 户外广告牌 —— 尺寸与观看距离大致 10:1。50 cm 的码在 5 m 距离可扫。

一个经验法则:以米为单位的观看距离 × 10 = 以毫米为单位的二维码边长最小值。SVG 让你从同一份源文件命中以上任一尺寸,无须重新生成。

常见问题

问:SVG 二维码真的比 PNG 好吗?

答:任何印刷用途下,是。SVG 以数学形状而非像素存储,任意尺寸都锋利——同一份文件既能出名片又能出三米横幅。Web 端若二维码以固定尺寸展示,PNG 反而常常加载更快。印刷和屏幕的分野是核心判断线。

问:SVG 二维码可以用 Illustrator 或 Figma 编辑吗?

答:可以。SVG 是原生矢量格式,Illustrator、Figma、Sketch、Affinity Designer 都能直接导入。最常见的编辑动作是整体换色(改模组组的填充)和加背景或边框。切勿修改单个模组——删除或改形状会破坏容错图样,导致扫描失败。

问:免费 SVG 二维码质量是不是比付费的差?

答:不是。二维码规范是开放的(ISO/IEC 18004)且具有确定性——同一个输入 URL 会产出同一份有效编码,不管用哪款工具。MakeQR 或 QRCode Monkey 免费导出的 SVG,和 49 美元/月工具在相同内容与容错等级下输出的 SVG,逐比特一致。付费版卖的是分析和动态跳转,不是码本身的质量。

问:为什么我的二维码打印出来像马赛克?

答:几乎总是因为原始文件是 PNG 被放大超过了它的原生分辨率。500 像素的 PNG 被拉伸到 20 cm 印刷,每个模组的像素边缘就会清晰可见。修法:用 SVG 重新生成,然后把矢量文件交给印厂。如果印厂只收栅格,把 SVG 以最终尺寸导出为高分辨率 PNG(至少 1200 DPI),而不是把小文件硬拉大。

问:国内印刷场景(例如淘宝天猫商品吊牌、名片、门店台卡)也推荐 SVG 吗?

答:推荐。国内多数专业印厂都能收 SVG、AI、PDF 三种矢量文件,其中 AI(Illustrator)和 PDF 使用面更广。实操建议:从 MakeQR 导出 SVG 作为源文件存档,再在 Illustrator 里存一份 AI/EPS 副本给印厂备用;色彩空间一律 CMYK;安静区必须足够——部分印厂会裁到码的边缘,这时留白 4–6 mm 才不会破坏扫描。商品吊牌或门店台卡如果要走天猫或淘宝站内扫码进店场景,链接本身需用备案主域或官方短链。

准备好创建您的二维码了吗？

免费使用 MakeQR — 无需注册，无水印。

免费创建二维码