📊 条形码生成器
支持Code128/Code39/EAN-13/CODABAR多种格式，自定义尺寸颜色，导出PNG
什么是条形码生成器？
条形码生成器是一种将文本或数字数据转换为条形码图片的在线工具。条形码自1974年首次扫描以来，已成为全球商品流通、物流追踪和库存管理的核心技术。一维条形码通过不同宽度的黑白条纹编码数据，配合扫码设备即可快速读取。现代开发中，条形码生成是电商系统、仓储管理、快递追踪等场景的刚需功能。本工具支持多种主流条形码标准，开发者可以直接生成用于测试的条形码图片，也可以用于小规模生产环境的标签打印需求。所有生成过程在浏览器端完成，数据不会上传到服务器。
如何使用条形码生成器
- 输入编码内容 — 填入需要编码的数据，注意不同条形码格式对输入内容有不同要求，如EAN-13必须是13位数字。
- 选择条形码类型 — 根据使用场景选择合适的格式，商品零售选EAN-13，物流包装选Code 128，内部编码选Code 39。
- 调整样式参数 — 可调整条形码宽度、高度、是否显示文字等参数，满足不同打印和展示需求。
- 下载条形码图片 — 生成后可以PNG或SVG格式下载，SVG格式适合需要缩放的高清打印场景。
常见使用场景
场景一：电商产品标签制作
为商品生成EAN-13或UPC-A条形码，打印后粘贴在产品包装上，供POS系统和扫码枪快速识别商品信息进行结算。
场景二：仓储物流管理
使用Code 128格式为包裹和货架生成条形码，支持字母数字混合编码，扫码即可完成入库、出库和盘点操作。
场景三：开发测试环境
开发者在集成扫码功能时，需要大量测试用的条形码样本。使用生成器可以快速创建各种格式的条形码进行测试。
技术原理
一维条形码的核心原理是将数据编码为宽度不等的黑白条纹组合：
// Code 128 编码的基本结构
// 起始符 | 数据字符(们) | 校验符 | 终止符
// 每个字符由3个条和3个空组成，共11个模块宽度
function calcChecksum(data) {
let sum = startValue;
for (let i = 0; i < data.length; i++) {
sum += charValue(data[i]) * (i + 1);
}
return sum % 103;
}
// EAN/UPC仅支持数字，Code 128支持全部ASCII字符最佳实践与注意事项
- 生成条形码后务必用实际扫码设备测试验证，确保可正常读取。
- 条形码周围需要保留足够的"静区"空白边距，通常为条形码宽度的10倍。
- 打印时注意分辨率，条形码条纹模糊会导致扫码失败，建议至少300dpi。
- EAN-13的最后一位是校验码，需要按照标准算法计算，不要随意编造。
常见问题
Q：EAN-13和UPC-A有什么区别？
A：EAN-13是13位编码（欧洲标准），UPC-A是12位编码（北美标准）。实际上UPC-A可以看作EAN-13前面加0的特殊情况，现代扫码设备通常两者都兼容。
Q：条形码生成后扫不出来怎么办？
A：常见原因包括打印分辨率过低、条形码尺寸太小、静区不足、对比度不够。建议使用纯黑白配色并确保至少300dpi打印。
Q：Code 128和Code 39哪个好？
A：Code 128编码更紧凑，支持全部ASCII字符。Code 39更简单，被更多老旧设备支持。新应用推荐使用Code 128。
Q：SVG和PNG格式选哪个？
A：如果需要缩放或高清打印选SVG（矢量格式无损缩放）。如果只是屏幕显示或普通打印，PNG足够使用。SVG文件通常更小。
Q：可以在条形码中加入自定义文字吗？
A：条形码下方的文字通常由生成器自动添加，内容与编码数据一致。不建议手动修改下方文字，以免造成人工识别与扫码结果不一致。