QR Code更好看!用「Qrframe」生成獨特的二維條碼教你做

(圖/免費資源網路社羣提供)

Qrframe 是一項基於程式碼的 QR code 產生器,使用者可透過這個工具快速生成各種獨特、趣味、個性化的 QR code 圖片,下載爲特定尺寸 PNG、SVG 格式,在掃描後即可快速打開連結。

不過在我看來 qrframe 更像是一個對 QR code 主題深入研究探討的專案項目,原開發者有寫一篇「crafting qr codes」對於這項技術的說明,閱讀後會發現製作 QR code 遠比我想像中來得更爲複雜且具有一定程度的技術性。

Qrframe 也是開放原始碼專案,若有計劃開發類似功能或應用程式也可以找到相關程式碼。

其他 QR Code 產生器比較

前陣子我介紹了「QRCode.Fun 評測:免費、強大的 QR Code 產生器,不用註冊也能自訂樣式 Logo」應該是近期看過最好用的 QR code 產生器,想要更簡單一點其實 Adobe Express 也有提供免費線上 QR 碼產生器,如果需要更多功能例如將文字、圖片、影片、MP3 和 Google 地圖轉爲 QR 圖片可以試試看34QR,但總體來說我認爲只要有連結功能就夠用了。

Qrframe 內建一些預先設定好的 QR code 樣式,在生成圖片前只要點選就能快速帶入、預覽效果,還能針對這些樣式進行更細部設定,有些還可以在 QR code 里加入 Logo 圖片,操作上雖然只有英文介面,不過並不會太困難或是難以上手,生成的格式是常見的 PNG 和向量圖 SVG,下載前可自訂圖片大小。

使用教學

STEP 1

先從最上方將預設網址更換成要生成 QR code 圖片的網址,也就是掃描後會開啓的目標連結。

(圖/免費資源網路社羣提供)

STEP 2

點選「Data」後會有一些資料處理相關的選項,例如編碼方式、最小版本、最小容錯率等等,這些屬於比較技術相關的細節,一般使用者若沒有特別需求其實維持預設值就可以了,不需要進行任何的更動或是調整。

(圖/免費資源網路社羣提供)

STEP 3

網站提供不少 QR code 圖片預設值,點選後快速套用各種樣式設計,有些看起來真的很酷!不同於以往大家經常看到的 QR code 印象,而且這些圖片還真的可以被掃描、使用。

(圖/免費資源網路社羣提供)

依照選擇的樣式不同,下方會有不一樣的可自訂選項,調整後右側預覽圖就會即時更新。

(圖/免費資源網路社羣提供)

STEP 4

有些樣式會有讓使用者自訂 Logo 選項(例如預設的 Basic 樣式),可以從下方找到上傳 Logo 圖片功能,將特定標誌加入 QR code 中,有助於讓使用者掃描前就知道會連去什麼網站或應用程式。

(圖/免費資源網路社羣提供)

STEP 5

最後從 QR code 圖片下方就能找到下載爲 PNG、SVG 格式功能,PNG 預先提供兩種尺寸大小,可依照使用者的需求自行自訂尺寸。

(圖/免費資源網路社羣提供)

《原文刊登於免費資源網路社羣,由Pseric撰寫。》