簡(jiǎn)介

在線二維碼生成器，是一款方便、高效、功能豐富的在線二維碼制作工具，使用簡(jiǎn)單、上手快。本工具支持多種不同類型的內(nèi)容，除了生成普通文本二維碼外，還支持創(chuàng)建郵件二維碼、聯(lián)系人二維碼、短信二維碼等眾多常用的二維碼，可用于社交活動(dòng)、在線營(yíng)銷、戶外廣告、商品推廣等多種場(chǎng)合。

為了適應(yīng)不同的使用場(chǎng)景，本工具提供了多種選項(xiàng)，讓您可以自行定義二維碼的樣式及生成格式。

使用說(shuō)明

1、確定內(nèi)容類型

首先，需要選擇一種內(nèi)容類型，因?yàn)椴煌念愋?，要求輸入的?nèi)容不一樣。目前，本工具支持的類型有：

• 文本：這是最常用的類型，幾乎可用于大多數(shù)場(chǎng)景（這是工具默認(rèn)類型）
• URL：這也屬于「文本」類型之一，生成的二維碼表示一個(gè)URL
• 郵件：支持郵箱地址、主題和郵件內(nèi)容 3 個(gè)字段，生成的二維碼表示一封電子郵件
• 聯(lián)系人：支持姓名、電話、地址等常用字段，生成的二維碼可表示一個(gè)聯(lián)系人
• 電話號(hào)碼：屬于「文本」類型，生成的二維碼表示一個(gè)電話號(hào)碼
• 短信：支持接收號(hào)碼和短信內(nèi)容 2 個(gè)字段，生成的二維碼表示一條短信

通常，選擇「文本」類型來(lái)生成二維碼可滿足大多數(shù)應(yīng)用場(chǎng)景的要求。

2、輸入相關(guān)內(nèi)容

選擇了「內(nèi)容類型」之后，接下來(lái)要輸入和內(nèi)容類型相關(guān)的文字內(nèi)容。如前所述，不同的類型，要輸入的內(nèi)容不一樣。默認(rèn)情況下，只需輸入一段普通文本即可（可以是任意文本，無(wú)特殊要求）。但如果選擇了有特殊內(nèi)容要求的類型，則需要按要求填寫。

以「郵件」類型為例，當(dāng)選擇了「郵件」類型之后，操作界面會(huì)顯示和郵件相關(guān)的三個(gè)字段：郵箱地址、郵件主題以及郵件內(nèi)容，如下圖所示：

我們需要完成這 3 個(gè)字段，來(lái)生成一張郵件二維碼（其中，「郵箱地址」字段為必填字段）。當(dāng)我們按要求填寫完內(nèi)容之后，點(diǎn)擊「生成二維碼」按鈕，即可生成一張表示郵件的二維碼圖片。如果您使用 iPhone 相機(jī)掃描該二維碼，iPhone 會(huì)提示您是否要發(fā)送郵件到 [email protected]，即您在「郵箱地址」填寫的那個(gè)郵箱。

為什么不在一個(gè)文本框填寫，而是要分成 3 個(gè)字段分開(kāi)填寫？

這是因?yàn)?，想讓掃描設(shè)備識(shí)別這是一個(gè)「郵件二維碼」，首先，在內(nèi)容構(gòu)成上，需要表明這是一個(gè)郵件二維碼；其次，還需要用不同的標(biāo)識(shí)符來(lái)區(qū)分郵件每一部分，即：哪部分是郵箱地址，哪部分是郵件主題和郵件內(nèi)容。對(duì)于普通用戶來(lái)講，是不具備這種專業(yè)知識(shí)的（也不必要了解）；因此，如果僅提供一個(gè)文本框，很難生成一個(gè)符合要求的郵件二維碼。這就是為什么要分成 3 個(gè)文本框完成郵件二維碼的原因。

選項(xiàng)說(shuō)明

本工具提供了眾多選項(xiàng)，以支持生成個(gè)性化的二維碼。以下所有選項(xiàng)，均支持二維碼即時(shí)預(yù)覽（只要改變了選項(xiàng)，就能馬上看到效果）。

下面簡(jiǎn)單介紹下這些選項(xiàng)的作用。

1、圖片顏色

該選項(xiàng)可以通過(guò)顏色選擇器來(lái)指定二維碼的顏色，即前景色。下面是 2 種不同顏色的二維碼的對(duì)比：

2、圖片背景

該選項(xiàng)用于指定二維碼圖片的背景顏色。默認(rèn)情況下，二維碼圖片背景色為白色，讓我們感覺(jué)不到有背景色的存在?？梢酝ㄟ^(guò)調(diào)整該選項(xiàng)，來(lái)更換圖片背景。下面這張圖是把二維碼圖片背景設(shè)置為藍(lán)色的效果（前景色為白色，這樣在深色背景下二維碼更容易識(shí)別）：

3、圖片尺寸

圖片尺寸選項(xiàng)，可以指定二維碼圖片的尺寸（單位是 px）。我們希望生成的二維碼是正方形的圖片，因此，這里只提供了一個(gè)輸入框，表示圖片的長(zhǎng)和寬。本選項(xiàng)要求的最小尺寸為 100 x 100，可以根據(jù)實(shí)際需要，調(diào)整圖片尺寸，以符合具體業(yè)務(wù)的需求。

注意：該選項(xiàng)僅對(duì) PNG 格式的二維碼有效，SVG 格式的二維碼將忽略該選項(xiàng)。

最佳實(shí)踐：

如果文字內(nèi)容較多，則盡量把圖片尺寸設(shè)置大一些，大尺寸有更多的空間來(lái)繪制編碼后的圖案，生成的二維碼也更容易被識(shí)別。如果內(nèi)容多而尺寸太小，生成的二維碼可能不會(huì)被正確識(shí)別。

4、圖片邊框

圖片邊框選項(xiàng)，可以設(shè)置二維碼圖案的邊線大小，默認(rèn)為 20px。我們建議為二維碼設(shè)置一定的邊框，當(dāng)在具體場(chǎng)景中使用時(shí)，可以更好的區(qū)分二維碼和它周圍的內(nèi)容。下圖展示了不同邊框大小的區(qū)別和實(shí)際效果：

5、容錯(cuò)率

二維碼容錯(cuò)率，是指當(dāng)二維碼圖片被遮擋（或損壞）多少百分比之后仍能正確識(shí)別的能力。其原理是：在對(duì)二維碼進(jìn)行編碼時(shí)，采用冗余算法來(lái)編碼內(nèi)容（比如：把 abc 編碼為 abcabc）。

二維碼有四種容錯(cuò)等級(jí)，如下表所示：

容錯(cuò)等級(jí)	含義	容錯(cuò)率	被識(shí)別能力
L	Low	7%	低
M	Medium	15%	中
Q	Quarter	25%	較高
H	High	30%	高

通常，容錯(cuò)率越高，二維碼損壞后被識(shí)別的概率就越大。因此，我們建議采用 H 等級(jí)的容錯(cuò)率，這種二維碼在多數(shù)情況下都能被掃描設(shè)備識(shí)別。另一方面，容錯(cuò)率越高，二維碼圖案就越復(fù)雜（因?yàn)橐鎯?chǔ)更多的冗余數(shù)據(jù)）。

下圖展示了對(duì)于相同的內(nèi)容，使用四種不同容錯(cuò)率生成的二維碼效果：

6、Logo圖片

為了讓生成的二維碼更具個(gè)性化，本工具支持給二維碼添加 Logo 圖片；帶有 Logo 的二維碼顯得更大氣、更美觀，也更加醒目。有 2 種添加 Logo 的方式：

1. 工具預(yù)設(shè)的 Logo：這是一組常用的 Logo 圖片，可以從中選擇一張您認(rèn)為合適的
2. 自定義 Logo：由您自行上傳 Logo 圖片（如：企業(yè) Logo 或個(gè)人頭像）

最佳實(shí)踐：

1、在使用自定義 Logo 時(shí)，為了讓生成的二維碼更美觀，建議上傳的圖片是一張正方形的圖片；

2、上傳的 Logo 圖片，不建議使用透明的 PNG 或 GIF 圖片，因?yàn)檫@樣會(huì)使得二維碼圖案和 Logo 圖片混雜在一起，影響美觀；

3、如果選擇了 Logo，容錯(cuò)率建議選擇 30%，以提升識(shí)別效率（因?yàn)?Logo 圖片要遮住一部分內(nèi)容，太低的容錯(cuò)率可能會(huì)導(dǎo)致識(shí)別錯(cuò)誤）；

4、如果已經(jīng)添加了 Logo，但又不想要了，可以點(diǎn)擊 移除Logo 鏈接來(lái)刪除二維碼上的 Logo；

下面是有 Logo 和無(wú) Logo 二維碼的對(duì)比圖：

7、Logo邊框及顏色

Logo 邊框選項(xiàng)，是用于美化二維碼 Logo 的選項(xiàng)。為 Logo 指定邊框和邊框顏色，可以讓二維碼編碼圖案和 Logo 圖片之間有更明顯的區(qū)分，可根據(jù)實(shí)際需求來(lái)調(diào)整相應(yīng)的數(shù)值，以達(dá)到想要的效果。

8、Logo圓角大小

該選項(xiàng)也是用于美化二維碼 Logo 的選項(xiàng)，通過(guò)調(diào)整該選項(xiàng)讓 Logo 具有圓角效果。設(shè)置為 0，表示不需要圓角效果，這種情況下，Logo 圖片的四個(gè)角將顯示為直角。

9、生成的格式

本工具支持 2 種二維碼圖片格式： PNG 格式和 SVG 格式。其中，SVG 格式是一種矢量圖格式，放大或縮小均不影響圖片效果；但是，SVG 格式的二維碼有以下限制：

1. 不支持設(shè)置圖片大小
2. 不支持設(shè)置圖片邊框
3. 不支持設(shè)置 Logo 及其相關(guān)美化選項(xiàng)

PNG 格式的二維碼無(wú)上述限制，您可以根據(jù)實(shí)際需求選擇一種生成格式。

保存圖片

您可以隨時(shí)調(diào)整上述選項(xiàng)，觀察二維碼生成的最終效果，達(dá)到滿意效果之后，可以點(diǎn)擊圖片下方的「保存圖片」按鈕，把二維碼保存到本地電腦，以備后用。