在本文中,我將向您展示使用 Inkscape(免費矢量圖形編輯器)生成二維碼的簡單方法。

二維碼正在迅速普及,人們可以快速掏出手機攝像頭,掃描二維碼即可訪問任何網站 URL。 這些二維碼在餐館等地方變得越來越普遍,讓顧客可以在手機上快速調出菜單,從而減少與有形菜單的接觸。

那麼,如何在 Inkscape 中生成二維碼?

首先在您的計算機上打開 Inkscape(您可以從 Inkscape.org 免費下載該軟件)。 在彈出的歡迎屏幕(假設您使用 Inkscape 1.0 或更高版本)的“繪製時間”選項卡(上圖中的紅色箭頭)下,根據許多可用模板中的任何一個選擇文檔大小。 我選擇了“屏幕”選項卡下的“桌面 1080p”尺寸(黃色箭頭)。

打開新文檔後,轉到擴展>渲染>條形碼>二維碼(上圖中的紅色箭頭)。

這將打開一個二維碼對話框。 在這裡,您可以設置各種設置——包括當使用智能手機相機掃描代碼時您希望人們被引導到的網站(這是在標記為“文本”的部分下——上圖中的紅色箭頭)。

就我而言,我在“文本”字段中輸入了我的網站“daviesmediadesign.com”。 我可以點擊“應用”生成二維碼(黃色箭頭),然後點擊“關閉”退出對話框(如果你想了解更多高級設置,請不要立即退出對話框)部分)。

您可以在上圖中看到最終產品,它是使用 Inkcape 二維碼生成器的默認值生成的。 我將在本文後面介紹一些自定義 QR 碼外觀的方法。

我還可以在此對話中調整一些更高級的設置,我將在下面介紹。

高級二維碼設置

到目前為止,我們已經打開了二維碼對話框,並在“文本”字段中添加了一個 URL。

接下來,如果我選中“實時預覽”選項(上圖中的紅色箭頭),我的文檔上將顯示一個二維碼(藍色箭頭 - 您可能需要將二維碼對話框移開才能看到它)。

文本字段下方是“大小,單位正方形”下拉菜單(上圖中的黃色箭頭)。 此功能允許您手動更改二維碼顯示的數據量 - 這會更改代碼本身的大小。 我不建議手動設置此值,因為 Inkscape 擴展會根據您添加到“文本”字段的 URL 自動創建合適大小的二維碼。

簡單來說:URL 越長,二維碼就越大。 例如,如果我從我網站上的一篇文章中添加更長的 URL(上圖中的紅色箭頭),您會看到 QR 碼會變大以容納額外的字符(藍色箭頭)。 它將包含更多“模塊”或小方塊,因為較長的 URL 包含更多字符。

重申一下,我建議將此下拉菜單設置為“自動”。

下一個下拉菜單是“糾錯級別”(紅色箭頭)。 默認情況下,這將設置為“L(約 7%)”,這在“乾淨”環境中效果最佳——或者在您不希望二維碼變髒、警告或損壞/毀壞的情況下。 如果您希望將代碼放置在可能受到打擊的地方(即在建築工地、繁華城市的繁忙角落等),您可能希望將錯誤修正提高到更高的水平。

最高設置為“H(約 30%)”,此設置將生成最大的二維碼,同時也包含更多數據。 % 基本上是指在不影響二維碼成功掃描的情況下可以銷毀的數據量。

“M(約 15%)”設置(紅色箭頭)是一個很好的折衷方案,可以保護您的 QR 碼免受損壞,同時又不會使代碼太大或太忙。

下一個選項是“字符編碼”下拉菜單(上圖中的紅色箭頭)。 這裡有四個選項,最適合您的選項取決於您的 URL 或文本中使用的語言或符號。

如果您使用的是英文的標準 URL,則可以堅持使用“Latin 1”。

使用某些歐洲語言(非英語)時,您可能希望使用 CP 1250 或 CP 1252。

最後,如果您在文本中使用 unicode 字符或符號,包括來自世界各地各種語言的符號,您可能需要使用 UTF-8。

下一個選項“反轉二維碼”(黃色箭頭)是一個複選框,它允許您將二維碼的背景顏色從白色更改為黑色(由圖像中的紅色箭頭顯示)。 您還可以使用 Inkscape 中的一些工具更改代碼的主要模塊(方形)的背景顏色和顏色(稍後會詳細介紹)。

“方形大小”字段(黃色箭頭)可讓您更改 QR 碼的整體大小。 較小的值會縮小二維碼,而較大的值會放大整個二維碼。 在本例中,我將大小從 4.0 更改為 10.0,使二維碼變大(紅色箭頭)。 在使用 Inkscape 中的其他工具應用更改後,您還可以調整 QR 碼的大小。 但是,如果您想更精確地放大或縮小 QR 代碼(基於代碼內方形模塊的大小,以像素為單位),您可以使用此選項。

“繪圖類型”下拉菜單(黃色箭頭)允許您更改 QR 碼內模塊的繪製方式。 默認情況下,當選擇“平滑:中性”選項時,數據用正方形表示。 但是,還有其他自定義設置可供選擇。 例如,“路徑:圓形”選項會將所有模塊元素更改為圓形(上例中的紅色箭頭)。 下一步我將把它改回默認的“平滑:中性”。

下一個選項“平滑平方值 (0-1)”(上圖中的黃色箭頭)允許我添加或減少應用於方形模塊的平滑量。 默認情況下,它設置為 .2 - 這意味著每個正方形的邊緣都有一點平滑。 我可以將這個值一直調高到 1.0,這為正方形增加了極大的平滑度,從而將它們更多地融合在一起(紅色箭頭)。 零值將取消所有應用於正方形的平滑。 您可以將此值設置為您喜歡的任何值——它本質上只是一種改變代碼美感的方式。

平滑下拉列表下方是一個標題為“路徑字符串”(黃色箭頭)的文本字段,用於在您從繪圖類型下拉列表(紅色箭頭)中選擇“路徑:自定義”選項時調整 QR 碼的外觀和位置。 它應該也適用於“符號”繪圖類型選項,儘管符號選項在 Inkscape 1.1 中不起作用 - 至少對我來說不是。

第一項是“m 0,1”——這是一個坐標。 如果更改第一個值,它將向左或向右偏移 QR 碼的位置(取決於您將數字設為正數還是負數)。 如果您更改第二個值,它將向上或向下偏移二維碼(同樣,取決於數字是正數還是負數)。 你可以在這裡使用任何數字——我很確定它是基於你的文檔設置的任何單位(即像素)。 此功能並非完全必要,因為在使用“選擇”工具應用 QR 碼後,您始終可以重新定位它。

下一項,與第一項用“|”隔開符號,表示“0.5,-1 | 0.5, 1” 默認。 這些值基本上決定了模塊符號(即三角形)的大小。 更改任何值都會調整三角形符號的一個方面。 例如,如果我輸入“0.8,-1 | 0.5, 1” 三角形現在會稍微向右傾斜,因為我已經調整了它們的尺寸。

您可以自行處理此處的值,以了解如何自定義符號。 請記住,這些值可能應該保持在 1.0 以下,因為當您超出該值時,符號會開始相互滲透(因此會使 QR 碼不可讀)。

最後一個字段是“組 ID”。 這允許您為 QR 碼手動分配 ID,以便導出到 SVG 文件——這是一個“可縮放矢量圖形”文件,其中也包含一些代碼。 如果您將其留空,Inkscape 將自動為代碼分配一個 ID。 否則,您可以在此處手動添加名稱。 我輸入“這是一個測試”作為組 ID。 我會立即向您展示它的顯示位置。

單擊應用(黃色箭頭)在您的作品上生成二維碼,然後單擊“關閉”退出二維碼對話框(藍色箭頭)。

您可以通過按 ctrl+shift+x 調出 XML 編輯器對話框(紅色箭頭)來查看組 ID。 您將看到與此生成的 QR 代碼關聯的後端代碼。 在最後一行代碼中,您可以看到我創建的“這是一個測試”組 ID(黃色箭頭)。 在下表中,您還可以看到此 QR 碼的元數據,第二行標記為“id”,值標記為“This is a test”(藍色箭頭)。

生成的二維碼本身實際上是兩個獨立的對象——背景和前景模塊(即方形元素)。 我可以使用選擇工具(紅色箭頭)單擊背景(綠色箭頭),然後單擊調色板中的一種顏色來更改其顏色(藍色箭頭)。

我可以對前景元素做同樣的事情——用選擇工具(紅色箭頭)點擊它們(綠色箭頭),然後點擊我的調色板中的一種顏色(藍色箭頭)來改變顏色。

如果需要,我可以在任一對像上使用漸變來進一步自定義顏色。

本教程就是這樣! 如果喜歡的話,可以看看我的其他 Inkscape教程 or Inkscape幫助文章.

別起來Pinterest上