条码生成好了,下载时有 SVG 和 PNG 两个按钮。选错不一定是「打不出来」,更常见的是印出来发虚、扫码枪认不出,或者反过来——文件太大、设计软件打不开。
这篇用 NBTools 条码生成器的实际导出方式讲清两者差别。条码在你的浏览器本地生成,内容不上传服务器。
两者的本质差别
| SVG | PNG | |
|---|---|---|
| 类型 | 矢量(由线条和坐标描述) | 位图(由像素点组成) |
| 放大后 | 任意放大依然锐利 | 超过原有尺寸就会发虚 |
| 生成方式 | 直接保存生成的矢量内容 | 把 SVG 按 4 倍尺寸渲染成图片 |
| 适合 | 印刷、设计稿、网页嵌入 | 插入 Word/文档、直接发送 |
关键在第三行:PNG 不是独立生成的,而是把 SVG 放大 4 倍渲染出来的。所以它已经有不错的清晰度,但本质仍是位图,继续放大到很大就会露出锯齿。
怎么选
- 要拿去印刷、做贴纸或包装:选 SVG。交给印厂或放进设计软件,可以按实际尺寸输出而不失真。
- 放进 Word、WPS、PPT 或聊天窗口:选 PNG。插入即用,不用考虑软件是否支持矢量。
- 放进网页:两者都行,SVG 体积通常更小且在高清屏上更清晰。
- 拿不准:两个都下载,反正同一次生成就能拿到。
导出时这些细节已经定好了
条码的一些外观参数是固定的,了解它们有助于你预估排版效果:
| 项目 | 单条生成 | 批量生成 |
|---|---|---|
| 是否显示下方文字 | 显示 | 显示 |
| 文字大小 | 18px | 16px |
| 四周留白 | 12 | 10 |
| 条码颜色 / 底色 | #111 / #fff | #111 / #fff |
DataMatrix 二维码略有不同:它按 256×256 的尺寸生成,四周留白 2,配色为纯黑(#000000)与纯白(#ffffff)。
目前条码颜色固定为深色条、白底,页面上没有提供反色开关。如果你需要白条黑底,导出后在排版或图像软件里处理即可。
印出来能不能扫,别靠肉眼判断
条码能不能被识别,取决于实际印刷后的条宽精度和对比度,屏幕上看着清晰不代表扫得出。推荐两步验证:
- 先小批量试印一张,用你实际要用的扫码枪或手机扫一遍;
- 扫不出的情况下,优先换用 SVG 重新出图,并确认打印时没有被再次压缩或拉伸变形。
这两步比在屏幕上放大查看可靠得多。
常见问题
印刷用 SVG 还是 PNG?
建议 SVG。它是矢量,可以按实际尺寸输出而不失真。PNG 是把 SVG 按 4 倍渲染出的位图,常规尺寸够用,但放大到很大会发虚。
PNG 的清晰度够用吗?
常规尺寸下够用。它由 SVG 以 4 倍尺寸渲染生成,比屏幕显示尺寸大不少。但如果需要大幅面输出,仍应选 SVG。
能生成白条黑底的反色条码吗?
目前不行。条码颜色固定为深色条(#111)与白底(#fff),页面未提供反色开关,可在导出后用排版或图像软件处理。
条码下方的文字能去掉吗?
目前默认显示下方文字,页面未提供关闭选项。若不希望显示,可在设计软件中删除该文字层(SVG)或裁切图片(PNG)。
打印后扫不出来怎么办?
先小批量试印并实际扫一次。扫不出时优先改用 SVG 重新出图,并确认打印流程没有对图片做额外压缩或拉伸变形。
生成条码需要联网吗?
不需要。条码在浏览器本地用算法生成,内容不上传服务器,离线也能用。
相关工具
- NBTools 条码生成器:https://nbtools.cn/tools/barcode
- 批量生成条码:打包 ZIP 与标签 PDF
- SVG 压缩:精简 SVG 便于嵌入网页
- 图片转 PDF:把条码图排进 PDF 再打印