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

> 来源：工具派（https://gjupai.com） 原文页面：https://gjupai.com/tutorial/barcode-generator-guide


![图片](/api/file/download?path=article/202607/1783911418325_5229.png)

![图片](/api/file/download?path=article/202607/1783911430777_4394.png)

![图片](/api/file/download?path=article/202607/1783911443099_7037.png)
## 工具简介：什么场景需要自己生成条形码
给商品贴标、做库存管理、打印资产编号、展会门票编号……工具派「条形码生成」在线生成 **CODE128、EAN-13、UPC** 等常见格式的一维条形码，输入内容即时出图，可导出 SVG/PNG，也能直接打印。页面还有「批量生成」和「标签」模式，一次出一整批条码贴标。全程浏览器本地生成，无需联网。

## 第一步：输入内容，选择格式
打开工具，左侧「设置」面板操作：
![图1：输入条码内容，选择格式，调整线宽高度](/api/file/download?path=article/202607/1783911418325_5229.png)
- **内容**：输入条码要编码的数字或字母，默认是一串示例数字
- **格式**：默认 CODE128（通用），商品条码选 EAN-13，北美零售选 UPC
- **线宽 / 高度**：滑块调整条码的粗细和高矮
下面还有线条颜色、背景颜色、显示文字开关和字号，按需调整即可。

## 第二步：实时预览，微调样式
本例输入 13 位数字 6923450657713，格式切到 **EAN-13**（标准商品条码）：
![图2：生成EAN-13商品条码，右侧实时预览](/api/file/download?path=article/202607/1783911430777_4394.png)
右侧预览区**实时刷新**，任何参数改动立刻反映到条码图上。EAN-13 必须是 13 位数字（最后一位是校验位），位数不对会提示或无法生成。

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

## 第三步：导出图片或直接打印
样式满意后，左下三个按钮：
![图3：打印预览窗口，可打印或导出SVG/PNG](/api/file/download?path=article/202607/1783911443099_7037.png)
- **导出 SVG**：矢量格式，放大不失真，适合印刷和排版软件
- **导出 PNG**：位图格式，适合网页、文档插图（实测导出 barcode.png 仅 3.9KB）
- **打印预览**：弹出预览窗口，可直接打印或另存为 PDF

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

## 总结与相关工具
条形码生成覆盖了零售贴标、资产编号、批量打印等场景，搭配这些工具更完整：
- [二维码生成器](/tools/qrcode)：需要编码网址、WiFi、名片信息时用
- [SVG 转 PNG](/tools/svg_to_png)：导出的 SVG 需要转成位图时用
- [图片压缩](/tools/image_compress)：条码图片太大时压缩后再用
赶快打开[条形码生成](/tools/barcode_generator)，生成你的第一个商品条码吧！