条形码生成教程:CODE128/EAN-13/UPC在线生成,可导出SVG/PNG

条形码生成教程:CODE128/EAN-13/UPC在线生成,可导出SVG/PNG

📁 效率👁️ 159 阅读⏱️ 3 分钟阅读🕒 2026/9/14

工具派条形码生成教程:在线生成CODE128、EAN-13、UPC等格式条形码,支持线宽、高度、颜色、字号自定义,实时预览,一键导出SVG/PNG或直接打印,还有批量生成和标签模式。实测生成EAN-13商品条码并导出PNG,附参数详解。

图片

图片

图片

工具简介:什么场景需要自己生成条形码

给商品贴标、做库存管理、打印资产编号、展会门票编号……工具派「条形码生成」在线生成 CODE128、EAN-13、UPC 等常见格式的一维条形码,输入内容即时出图,可导出 SVG/PNG,也能直接打印。页面还有「批量生成」和「标签」模式,一次出一整批条码贴标。全程浏览器本地生成,无需联网。

第一步:输入内容,选择格式

打开工具,左侧「设置」面板操作:
图1:输入条码内容,选择格式,调整线宽高度

  • 内容:输入条码要编码的数字或字母,默认是一串示例数字
  • 格式:默认 CODE128(通用),商品条码选 EAN-13,北美零售选 UPC
  • 线宽 / 高度:滑块调整条码的粗细和高矮
    下面还有线条颜色、背景颜色、显示文字开关和字号,按需调整即可。

第二步:实时预览,微调样式

本例输入 13 位数字 6923450657713,格式切到 EAN-13(标准商品条码):
图2:生成EAN-13商品条码,右侧实时预览
右侧预览区实时刷新,任何参数改动立刻反映到条码图上。EAN-13 必须是 13 位数字(最后一位是校验位),位数不对会提示或无法生成。

参数说明

参数 可选值 说明
模式 单条 / 批量生成 / 标签 单条逐个做,批量一次多个,标签用于排版打印
内容 数字或字母 EAN-13 须 13 位数字,CODE128 支持字母数字
格式 CODE128 / EAN-13 / UPC 等 按使用场景选择
线宽 滑块,默认 2 条码竖线粗细,打印小标签别调太细
高度 滑块,默认 100 条码整体高度
线条/背景颜色 颜色选择器,默认黑+白 扫描识别建议保持高对比度
显示文字 开 / 关 是否在条码下方显示数字
字号 滑块,默认 18 下方数字的大小

第三步:导出图片或直接打印

样式满意后,左下三个按钮:
图3:打印预览窗口,可打印或导出SVG/PNG

  • 导出 SVG:矢量格式,放大不失真,适合印刷和排版软件
  • 导出 PNG:位图格式,适合网页、文档插图(实测导出 barcode.png 仅 3.9KB)
  • 打印预览:弹出预览窗口,可直接打印或另存为 PDF

常见问题

Q1:CODE128、EAN-13、UPC 怎么选?
内部管理、物流编号用 CODE128(支持字母+数字,无位数限制);国内商品零售用 EAN-13(13 位数字);北美市场用 UPC(12 位数字)。
Q2:生成的条码能扫出来吗?
只要保持黑白高对比、打印清晰,普通扫码枪和手机都能识别。导出 SVG 打印效果最好。
Q3:批量生成在哪?
顶部「批量生成」标签页,一次输入多行内容批量出图;「标签」模式可按标签纸排版。
Q4:和「二维码生成器」有什么区别?
一维条码只编码一串字符,适合商品和编号;二维码信息量大、容错强,适合网址和文本。

总结与相关工具

条形码生成覆盖了零售贴标、资产编号、批量打印等场景,搭配这些工具更完整: