← Tutti gli articoli

2026-09-19

Come creare etichette con codici a barre nel browser: passo dopo passo

Come creare etichette con codici a barre nel browser: passo dopo passo
pdf labels barcodes label merge browser based graphical layout editor google sheets addin microsoft excel addon electronic shelf labels esl barcode3 labels label editor

如何在浏览器中创建条形码标签:分步指南

如果你现在就需要一个条形码标签——而且你不想安装标签设计软件、配置驱动程序或与模板文件较劲——你可以完全在现代浏览器中设计和打印专业标签。本指南将带你了解 下一代标签打印系统(来自 RSJ Software GmbH)的交互式工作流程:创建标签布局、添加条形码、将其绑定到数据、预览,然后打印或导出。

LPSNG 是一个基于浏览器的标签设计和打印平台。其核心版本包括 Web 用户界面、标签工作室、作业队列和 PDF 生成功能。这意味着以下工作流程既适用于托管的云版本,也适用于嵌入式或企业实例。虽然 LPSNG 还提供 Web 服务 API 和用于自动化的命令行 LPSNG Player,但本文重点介绍托管浏览器路径。

前提条件

开始之前,请确保你具备以下条件:

  • 现代 Web 浏览器:Chrome、Firefox、Edge 或 Safari。
  • 一个 RSJ LPSNG 账户。云版本是托管的多用户环境;如果你的组织运行嵌入式或企业实例,请改用相应的 URL。
  • 如果你需要打印实体标签,还需要一台打印机。支持热敏打印机和标准打印机。如果你还没有打印机,你仍然可以设计标签并导出 PDF 或 PNG。
  • 对所需条形码类型有基本了解。LPSNG 支持广泛的 1D 和 2D 条形码格式,包括 Code 128、EAN-13、QR 码和 Data Matrix。

以下步骤无需本地安装。

分步指南:在浏览器中设计和打印条形码标签

第 1 步:登录 LPSNG 并打开标签工作室

在浏览器中打开你的下一代标签打印系统实例并登录。在云版本中,导航到 Web 用户界面并打开标签工作室。标签工作室是所有版本都包含的核心功能的一部分,因此无论你使用的是托管云解决方案还是本地网络上的嵌入式实例,都可以使用相同的交互式设计器。

第 2 步:创建新标签布局并设置尺寸

创建一个新的标签布局。将页面或标签尺寸设置为与你的实际标签纸相匹配。对于运输标签,常见尺寸为 4x6 英寸:

  • 单位:英寸或毫米,取决于你的标签纸。
  • 宽度:4 英寸
  • 高度:6 英寸
  • 边距:0,除非你的标签纸需要静区。

在添加字段之前正确设置布局尺寸可以避免之后的大多数对齐问题。

第 3 步:添加条形码字段

在标签工作室中,向画布添加一个条形码元素。从可用格式中选择条形码类型。选择与你的工作流程相匹配的类型:

  • Code 128:常用于运输、仓储和产品标识。
  • EAN-13:常用于零售销售点标签。
  • QR 码:适用于移动扫描和链接到 Web 内容。
  • Data Matrix:常用于制造业和电子产品。

条形码格式文档涵盖了所支持的 1D 和 2D 条形码格式的完整列表。不要在相似格式之间猜测,例如 EAN-13 和 UPC-A:扫描仪期望的是标签中编码的确切符号体系。

第 4 步:将条形码字段绑定到数据源

条形码字段可以使用手动输入的值,也可以绑定到数据源。这正是浏览器工作流程对批量标签处理变得有用的地方。

LPSNG 可以使用 Excel 文件作为数据文件和查找文件,并且提供 Google Sheets 插件。如果你使用表格数据,源数据可能如下所示:

sku,title,price
4412,USB-C Cable,12.99
4413,USB-C Hub,39.99
4414,HDMI Adapter,24.50

将条形码字段映射到包含要编码值的列——通常是 SKU、EAN、GTIN 或序列号。然后将文本字段映射到人类可读的列。

第 5 步:添加文本字段并设置样式

在条形码旁边或下方添加文本元素,用于显示产品名称、价格或位置等信息。在标签工作室中,你可以使用字体和样式格式化每个字段。保持条形码区域整洁:

  • 将文本放置在条形码静区之外。
  • 批量作业使用一致的字体大小。
  • 当数据值长度变化时,避免文本和条形码区域重叠。

第 6 步:在浏览器中预览标签

使用预览功能在打印前检查渲染后的标签。查看:

  • 条形码是否清晰且没有变形。
  • 条形码和文本字段中显示的数据是否正确。
  • 使用较长值的标签是否仍然适合布局。

浏览器预览是最快的验证步骤,可以在浪费标签纸之前发现大多数设计错误。

第 7 步:直接打印或导出为 PDF/PNG

当预览看起来正确时,选择你希望如何生成标签:

  • 直接打印到浏览器中已连接的打印机。
  • 导出 PDF 或 PNG,以便稍后打印、与打印服务共享或在 LPSNG 之外查看。
  • 提交批量作业并在作业队列中监控它们。

对于大批量或程序化打印,Web 服务 API 可以提交打印作业并将单个标签渲染为 PDF 或 PNG。这是与此交互式浏览器工作流程不同的集成路径。

验证:如何确认你的条形码标签正常工作

预览后,在提交完整批次之前验证结果:

  1. 目视检查预览。 确认条形码清晰、静区存在,并且人类可读文本与编码数据一致。
  2. 用手机扫描应用程序扫描屏幕上的条形码。 这是检查条形码是否编码了预期值的快速方法。
  3. 在普通纸上打印测试标签。 在装入标签纸之前,先在普通纸上打印一张标签并扫描打印结果。检查对比度、尺寸和静区。
  4. 检查批量作业的作业队列。 LPSNG 包含一个作业队列。确认提交的作业成功完成,如果有失败的作业,确认显示了明确的原因。

常见问题排查

条形码无法扫描

  • 提高对比度:在白色背景上使用黑色条。
  • 保留静区:保持条形码周围区域干净。
  • 检查条形码尺寸:非常小的条形码可能难以被扫描仪读取。
  • 确认符号体系:Code 128、EAN-13、QR 码和其他格式不可互换。

标签布局错位

  • 根据实际标签纸验证布局尺寸。
  • 检查打印机纸张尺寸和边距设置。
  • 如果可用,使用打印机的校准功能,尤其是对于热敏标签打印机。

数据未填充

  • 确认数据源连接处于活动状态。
  • 检查字段映射是否指向正确的列或值。
  • 在打印整个批次之前预览单条记录。

浏览器打印问题

  • 确保打印机已安装并在浏览器中正确选择。
  • 对于来自外部系统的直接、可靠打印,请使用 LPSNG 的 Web 服务接口,该接口支持直接打印以及将标签渲染为 PDF 或 PNG。

常见问题解答

我可以在不编写任何代码的情况下创建条形码标签吗?

可以。RSJ LPSNG 在浏览器中提供了一个可视化标签设计器,你可以在其中添加条形码字段、文本和其他元素,而无需编写代码。你选择条形码类型,输入或绑定数据,预览,然后打印或导出。

LPSNG 支持哪些条形码格式?

LPSNG 支持广泛的 1D 和 2D 条形码格式,包括 Code 128、EAN-13、QR 码、Data Matrix 等。完整列表可在条形码格式文档中找到。

我可以使用 LPSNG 从浏览器打印到热敏打印机吗?

可以。LPSNG 可以打印到热敏打印机。对于浏览器打印,打印机必须在浏览器中配置。LPSNG 还提供热敏打印机的云打印解决方案,以及用于从集成系统直接打印的 Web 服务 API。

是否有用于自动化条形码标签生成的 API?

有。LPSNG 提供了一个 Web 服务 API,可以提交打印作业、将单个标签渲染为 PDF 或 PNG,并与外部系统集成。LPSNG Player 也可作为独立的命令行打印引擎使用,支持包和数据输入,输出格式包括 PDF、PNG、JSON、打印或 ESL。

结论

你无需在本地安装任何软件,就可以设计、预览和生产专业条形码标签。下一代标签打印系统覆盖了完整的托管路径:创建布局、添加条形码和文本字段、从 Excel 或 Google Sheets 绑定数据、预览,然后打印或导出。

对于简单的一次性标签,可视化标签工作室就足够了。对于批量作业和自动化工作流程,LPSNG 通过 Web 服务 API、Python 字段脚本以及 Google Sheets 和 Excel 等集成连接到同一平台。如果你想评估该工作流程,可以从云版本开始。如果你需要本地或受限部署,嵌入式版本可以在 Raspberry Pi 等单板计算机上运行完整系统。

准备好尝试了吗?在浏览器中打开 RSJ LPSNG,创建一个小型标签布局,在打印前用手机扫描预览。

相关文章

EU label: AI-generated content