Code 128 / EAN-13 / UPC-A / Code 39 一键生成可扫描一维码,导出 SVG 或 PNG,全程离线。
- 本地处理
- 分类 生成器
- 适合 从空白开始,先拿到一版可修改的结果。
全 ASCII、密度高,物流/快递的默认码制。
这个工具能做什么
一个精确、纯浏览器运行的一维条形码生成器,条空编码算法完全自研, 不调任何外部接口,不上传,数据全程不离开你的浏览器。内置四种码制, 覆盖绝大多数真实场景:Code 128(全 ASCII、密度高,快递面单和内部 SKU 的默认选择)、EAN-13(全球通用的 13 位零售商品码)、UPC-A(北美 12 位零售码)、Code 39(可识别 A-Z、0-9 和少量符号、无需校验位的 工业码)。EAN-13 和 UPC-A 只需输入数据位,工具会自动算出 mod-10 校验位并补全;若粘贴完整码,工具会重新校验并自动纠正最后一位。每一项 输入都会按规范校验:EAN 位数不对、Code 39 含非法字符,都会给出 清晰的错误提示,而不是生成一个扫码枪读不出的图。渲染为真正的矢量 SVG:可调线宽(最窄条的模块宽度)、条高、条色和留白背景色,可开关 条码下方的可读文本。SVG 可直接复制进 Illustrator / InDesign,也可 下载 3 倍清晰度的 PNG 用于幻灯片和标签。数据和码制写进 URL,"分享 链接"能让同事复现同一个条码;样式偏好则记在本地,下次打开自动恢复。
工具细节
- 输入
- 文件 + 文本 + 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 可分享链接状态
- 关键设置会进入 URL，复制链接后别人能复现同一组参数。
- 性能预算
- 首屏 JS ≤ 14 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 生成器 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
条形码生成器 适合怎么用
适合快速生成初稿、起步素材或结构化结果,再人工整理后发布。
适合生成任务
- 从空白开始,先拿到一版可修改的结果。
- 生成可重复使用的草稿、名称、模板或占位素材。
- 先探索多个选项,再挑最适合当前任务的。
生成检查项
- 生成内容发给客户、上页面或进文档前,必须人工看过。
- 有品牌语气、格式或受众要求时,不要沿用默认值。
- 只保留真正符合任务的部分。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
小型仓库的库存标签
你要给 400 个储物箱贴上 BIN-A12-0033 这样的内部编号。选 Code 128, 输入编号,线宽设 2 px、条高 60 px,打开下方文本行,万一扫不出 人也能读。把 SVG 复制进标签软件的模板(兄弟 P-touch、Dymo,或 InDesign 的拼版),每格放一个,用 300 DPI 标签机打印。整批之前 先打一张箱贴,用现场要用的手持扫码枪扫一下。Code 128 很密, 常见故障是印得不够清晰,而不是编码本身。
上架商品的零售条码
商品要上货架,需要一个 EAN-13。你已经从自己的 GS1 前缀拿到了 12 位号(比如 4006381333393)。选 EAN-13,粘贴 12 位,工具会 补上校验位(…931),并在条码下按标准的 1-6-6 分组显示完整 13 位 码。给包装效果图导出 3 倍 PNG,或复制 SVG 按标称尺寸 100% 做 印前文件。把样稿交给包装供应商,让他们用校准过的条码检测仪验证, 别只用手机扫一下就算过。
北美零售 SKU 的 UPC-A
美国零售商要求你的单品箱上印 UPC-A 条码。取你的 11 位 GTIN 数据(例如 03600029145),选 UPC-A,工具自动算出第 12 位校验位 (…2)。可读文本行按 UPC 习惯排版,首尾两位略微分开。把成品尺寸 保持在标称宽度的 80-100%,并保留两侧留白区。零售端最常见的 退回原因是左右边距被裁掉,而不是码本身有错。
带短码的活动门票 / 资产标签
你要印 200 张带编号的通行证(PASS-0001 … PASS-0200),需要一个 能对应签到名单的可扫码。要简单耐用选 Code 39,要印得更紧凑选 Code 128。逐个输入编号,条高保持 50 px 左右以便放进腕带或挂绳 卡,打开可读文本作为工作人员的兜底。生成后截图/导出,放进门票 排版。整批之前用你的签到 App 扫测一张。
包装设计的快速视觉占位
真正的 GS1 号还没分配,设计师需要在包装稿里放一个占位条码。选 EAN-13,随便输 12 位数字,让工具补一个有效校验位,这样占位看起来 也是对的;把颜色调成匹配稿件(在包装底色上印黑条往往扫不出, 条要深、留白区要浅)。把 SVG 复制进 Figma 或 Illustrator。在 文件里明确标注这是占位,投产前务必换成真实 GTIN。
常见踩坑
条码印得太小或分辨率太低,导致最窄的条糊在一起。扫码枪读的是条的相对宽度;印刷时模块小于约 0.33 mm,廉价扫码枪就会漏读。按 3 倍导出、对齐 300 DPI,整批之前先打一张实物扫一下。
裁掉留白区。条码两侧的空白边是符号的一部分,设计师常为了"收紧"版面把它裁掉,结果就扫不出来了。左右各保留至少 10 个模块的空白;本工具已经把这段留白做进去了,别再裁。
在彩色或深色背景上印深色条。扫码枪需要条与留白区之间的高对比度。深条配浅(最好是白)底是稳妥默认;反色或低对比的配色即使屏幕上看着没问题,也会让扫码可靠性大幅下降。
隐私说明
编码算法(Code 128 元素表、EAN/UPC 奇偶校验与 mod-10 校验位、Code 39 的 9 元素图案)全部是浏览器里运行的纯 JavaScript,条码数据绝不 发往服务器、不记日志、不做任何统计。有一点要知道:数据和码制会写进 可分享的 URL(例如 ?type=ean13&data=...),所以你把"分享链接"粘到 Slack 或邮件时,对方服务器的访问日志会留下这个值。公开商品码无所谓; 但如果是机密的内部 SKU 或尚未发布的 GTIN,请手动复制 SVG/PNG,不要 分享 URL。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。