条码打印用 SVG 还是 PNG?两种导出的实际差别

实测:PNG 是把 SVG 按 4 倍放大渲染出来的,印刷和设计稿该怎么选

条码生成好了,下载时有 SVG 和 PNG 两个按钮。选错不一定是「打不出来」,更常见的是印出来发虚、扫码枪认不出,或者反过来——文件太大、设计软件打不开。

这篇用 NBTools 条码生成器的实际导出方式讲清两者差别。条码在你的浏览器本地生成,内容不上传服务器

两者的本质差别

SVGPNG
类型矢量(由线条和坐标描述)位图(由像素点组成)
放大后任意放大依然锐利超过原有尺寸就会发虚
生成方式直接保存生成的矢量内容把 SVG 按 4 倍尺寸渲染成图片
适合印刷、设计稿、网页嵌入插入 Word/文档、直接发送

关键在第三行:PNG 不是独立生成的,而是把 SVG 放大 4 倍渲染出来的。所以它已经有不错的清晰度,但本质仍是位图,继续放大到很大就会露出锯齿。

怎么选

  • 要拿去印刷、做贴纸或包装:选 SVG。交给印厂或放进设计软件,可以按实际尺寸输出而不失真。
  • 放进 Word、WPS、PPT 或聊天窗口:选 PNG。插入即用,不用考虑软件是否支持矢量。
  • 放进网页:两者都行,SVG 体积通常更小且在高清屏上更清晰。
  • 拿不准:两个都下载,反正同一次生成就能拿到。

导出时这些细节已经定好了

条码的一些外观参数是固定的,了解它们有助于你预估排版效果:

项目单条生成批量生成
是否显示下方文字显示显示
文字大小18px16px
四周留白1210
条码颜色 / 底色#111 / #fff#111 / #fff

DataMatrix 二维码略有不同:它按 256×256 的尺寸生成,四周留白 2,配色为纯黑(#000000)与纯白(#ffffff)。

目前条码颜色固定为深色条、白底,页面上没有提供反色开关。如果你需要白条黑底,导出后在排版或图像软件里处理即可。

印出来能不能扫,别靠肉眼判断

条码能不能被识别,取决于实际印刷后的条宽精度和对比度,屏幕上看着清晰不代表扫得出。推荐两步验证:

  1. 先小批量试印一张,用你实际要用的扫码枪或手机扫一遍;
  2. 扫不出的情况下,优先换用 SVG 重新出图,并确认打印时没有被再次压缩或拉伸变形。

这两步比在屏幕上放大查看可靠得多。

常见问题

印刷用 SVG 还是 PNG?

建议 SVG。它是矢量,可以按实际尺寸输出而不失真。PNG 是把 SVG 按 4 倍渲染出的位图,常规尺寸够用,但放大到很大会发虚。

PNG 的清晰度够用吗?

常规尺寸下够用。它由 SVG 以 4 倍尺寸渲染生成,比屏幕显示尺寸大不少。但如果需要大幅面输出,仍应选 SVG。

能生成白条黑底的反色条码吗?

目前不行。条码颜色固定为深色条(#111)与白底(#fff),页面未提供反色开关,可在导出后用排版或图像软件处理。

条码下方的文字能去掉吗?

目前默认显示下方文字,页面未提供关闭选项。若不希望显示,可在设计软件中删除该文字层(SVG)或裁切图片(PNG)。

打印后扫不出来怎么办?

先小批量试印并实际扫一次。扫不出时优先改用 SVG 重新出图,并确认打印流程没有对图片做额外压缩或拉伸变形。

生成条码需要联网吗?

不需要。条码在浏览器本地用算法生成,内容不上传服务器,离线也能用。

相关工具

作者:NBTools · 更新于 2026年10月12日 · 阅读约 4 分钟