在线二维码生成器

分类:生成工具
在线二维码生成工具,可以根据用户输入的文本内容,生成相应的二维码图片,图片支持 .png 和 .svg 格式。本工具提供了若干选项(如:二维码的前景色、背景色、边框等),来生成各种不同样式的二维码,以满足不同应用场景的需求。另外,本工具还支持向二维码中添加 Logo 图片,以突显二维码的个性化。
选项
调整以下选项,会实时生成二维码结果。
256 × 256
生成的二维码图片的尺寸,最小为 100 × 100 像素
二维码图片的边框大小,设置为 0 表示不需要边框
容错率越高,能被识别的概率越高,图片也越大
常用Logo
移除Logo
这里可以设置 Logo 边框的大小和颜色
圆角的大小;设置为 0 表示 Logo 图片不需要圆角效果
生成结果
此处将显示二维码图片
由于 svg 是一种矢量图格式,因此,.svg 格式的二维码,不支持设置图片尺寸和边框,也不支持为二维码添加 Logo 图片。
工具介绍

简介

在线二维码生成器,是一款方便、高效、功能丰富的在线二维码制作工具,使用简单、上手快。本工具支持多种不同类型的内容,除了生成普通文本二维码外,还支持创建邮件二维码、联系人二维码、短信二维码等众多常用的二维码,可用于社交活动、在线营销、户外广告、商品推广等多种场合。

为了适应不同的使用场景,本工具提供了多种选项,让您可以自行定义二维码的样式及生成格式。

使用说明

1、确定内容类型

首先,需要选择一种内容类型,因为不同的类型,要求输入的内容不一样。目前,本工具支持的类型有:

  • 文本:这是最常用的类型,几乎可用于大多数场景(这是工具默认类型)
  • URL:这也属于「文本」类型之一,生成的二维码表示一个URL
  • 邮件:支持邮箱地址、主题和邮件内容 3 个字段,生成的二维码表示一封电子邮件
  • 联系人:支持姓名、电话、地址等常用字段,生成的二维码可表示一个联系人
  • 电话号码:属于「文本」类型,生成的二维码表示一个电话号码
  • 短信:支持接收号码和短信内容 2 个字段,生成的二维码表示一条短信

通常,选择「文本」类型来生成二维码可满足大多数应用场景的要求。

2、输入相关内容

选择了「内容类型」之后,接下来要输入和内容类型相关的文字内容。如前所述,不同的类型,要输入的内容不一样。默认情况下,只需输入一段普通文本即可(可以是任意文本,无特殊要求)。但如果选择了有特殊内容要求的类型,则需要按要求填写。

以「邮件」类型为例,当选择了「邮件」类型之后,操作界面会显示和邮件相关的三个字段:邮箱地址、邮件主题以及邮件内容,如下图所示:

表单:生成邮件二维码
表单:生成邮件二维码

我们需要完成这 3 个字段,来生成一张邮件二维码(其中,「邮箱地址」字段为必填字段)。当我们按要求填写完内容之后,点击「生成二维码」按钮,即可生成一张表示邮件的二维码图片。如果您使用 iPhone 相机扫描该二维码,iPhone 会提示您是否要发送邮件到 xxxx@xxx.com,即您在「邮箱地址」填写的那个邮箱。

为什么不在一个文本框填写,而是要分成 3 个字段分开填写?

这是因为,想让扫描设备识别这是一个「邮件二维码」,首先,在内容构成上,需要表明这是一个邮件二维码;其次,还需要用不同的标识符来区分邮件每一部分,即:哪部分是邮箱地址,哪部分是邮件主题和邮件内容。对于普通用户来讲,是不具备这种专业知识的(也不必要了解);因此,如果仅提供一个文本框,很难生成一个符合要求的邮件二维码。这就是为什么要分成 3 个文本框完成邮件二维码的原因。

选项说明

本工具提供了众多选项,以支持生成个性化的二维码。以下所有选项,均支持二维码即时预览(只要改变了选项,就能马上看到效果)。

下面简单介绍下这些选项的作用。

1、图片颜色

该选项可以通过颜色选择器来指定二维码的颜色,即前景色。下面是 2 种不同颜色的二维码的对比:

2 种不同颜色的二维码
2 种不同颜色的二维码

2、图片背景

该选项用于指定二维码图片的背景颜色。默认情况下,二维码图片背景色为白色,让我们感觉不到有背景色的存在。可以通过调整该选项,来更换图片背景。下面这张图是把二维码图片背景设置为蓝色的效果(前景色为白色,这样在深色背景下二维码更容易识别):

蓝色背景的二维码
蓝色背景的二维码

3、图片尺寸

图片尺寸选项,可以指定二维码图片的尺寸(单位是 px)。我们希望生成的二维码是正方形的图片,因此,这里只提供了一个输入框,表示图片的长和宽。本选项要求的最小尺寸为 100 x 100,可以根据实际需要,调整图片尺寸,以符合具体业务的需求。

注意:该选项仅对 PNG 格式的二维码有效,SVG 格式的二维码将忽略该选项。

最佳实践:

如果文字内容较多,则尽量把图片尺寸设置大一些,大尺寸有更多的空间来绘制编码后的图案,生成的二维码也更容易被识别。如果内容多而尺寸太小,生成的二维码可能不会被正确识别。

4、图片边框

图片边框选项,可以设置二维码图案的边线大小,默认为 20px。我们建议为二维码设置一定的边框,当在具体场景中使用时,可以更好的区分二维码和它周围的内容。下图展示了不同边框大小的区别和实际效果:

二维码不同边框大小的区别
二维码不同边框大小的区别

5、容错率

二维码容错率,是指当二维码图片被遮挡(或损坏)多少百分比之后仍能正确识别的能力。其原理是:在对二维码进行编码时,采用冗余算法来编码内容(比如:把 abc 编码为 abcabc)。

二维码有四种容错等级,如下表所示:

容错等级含义容错率被识别能力
LLow7%
MMedium15%
QQuarter25%较高
HHigh30%

通常,容错率越高,二维码损坏后被识别的概率就越大。因此,我们建议采用 H 等级的容错率,这种二维码在多数情况下都能被扫描设备识别。另一方面,容错率越高,二维码图案就越复杂(因为要存储更多的冗余数据)。

下图展示了对于相同的内容,使用四种不同容错率生成的二维码效果:

不同容错率生成的二维码图案
不同容错率生成的二维码图案

6、Logo图片

为了让生成的二维码更具个性化,本工具支持给二维码添加 Logo 图片;带有 Logo 的二维码显得更大气、更美观,也更加醒目。有 2 种添加 Logo 的方式:

  1. 工具预设的 Logo:这是一组常用的 Logo 图片,可以从中选择一张您认为合适的
  2. 自定义 Logo:由您自行上传 Logo 图片(如:企业 Logo 或个人头像)

最佳实践:

1、在使用自定义 Logo 时,为了让生成的二维码更美观,建议上传的图片是一张正方形的图片;

2、上传的 Logo 图片,不建议使用透明的 PNG 或 GIF 图片,因为这样会使得二维码图案和 Logo 图片混杂在一起,影响美观;

3、如果选择了 Logo,容错率建议选择 30%,以提升识别效率(因为 Logo 图片要遮住一部分内容,太低的容错率可能会导致识别错误);

4、如果已经添加了 Logo,但又不想要了,可以点击 移除Logo 链接来删除二维码上的 Logo;

下面是有 Logo 和无 Logo 二维码的对比图:

无 Logo 图片和带 Logo 图片的二维码对比
无 Logo 图片和带 Logo 图片的二维码对比

7、Logo边框及颜色

Logo 边框选项,是用于美化二维码 Logo 的选项。为 Logo 指定边框和边框颜色,可以让二维码编码图案和 Logo 图片之间有更明显的区分,可根据实际需求来调整相应的数值,以达到想要的效果。

8、Logo圆角大小

该选项也是用于美化二维码 Logo 的选项,通过调整该选项让 Logo 具有圆角效果。设置为 0,表示不需要圆角效果,这种情况下,Logo 图片的四个角将显示为直角。

9、生成的格式

本工具支持 2 种二维码图片格式: PNG 格式和 SVG 格式。其中,SVG 格式是一种矢量图格式,放大或缩小均不影响图片效果;但是,SVG 格式的二维码有以下限制:

  1. 不支持设置图片大小
  2. 不支持设置图片边框
  3. 不支持设置 Logo 及其相关美化选项

PNG 格式的二维码无上述限制,您可以根据实际需求选择一种生成格式。

保存图片

您可以随时调整上述选项,观察二维码生成的最终效果,达到满意效果之后,可以点击图片下方的「保存图片」按钮,把二维码保存到本地电脑,以备后用。