18+

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,下載前可自訂圖片大小。

網站 名稱:qrframe

網站鏈結:https://qrframe.kylezhe.ng/

使用教學

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 預先提供兩種尺寸大小,可依照使用者的需求自行自訂尺寸。

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

值得一試的三個理由:

.支援 PNG 及 SVG 向量格式下載,圖片品質更有保障
.提供多款獨特的預設樣式,讓生成的 QR code 圖片不再單調
.開放原始碼專案,適合開發者研究與應用

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

延伸閱讀

免費下載!「貓啃什錦黑」可愛手繪風繁體中文字型 用在海報設計沒問題

免費空間上傳圖片限制多?老字號圖床服務SM.MS超好用 無流量限制

發限動更快!Shotzio免安裝線上圖片美化工具 濾鏡隨便套都好看

免費設計自己的QR Code!「QRCode.Fun」免註冊 可DIY背景、顏色

本日熱門 本周最熱 本月最熱