AlpaKit Logo AlpaKit

QR Code 產生與解碼器

純前端即時生成 QR Code(可自訂顏色與加入Logo),並支援上傳圖片進行本地解碼。

樣式與參數設定
前景色 (Foreground)
背景色 (Background)
容錯等級 (Error Correction)
Preview

使用方式

  1. 1 開啟QR Code 產生與解碼器,輸入、貼上或選擇要處理的內容。
  2. 2 依需求調整頁面上的選項與格式。
  3. 3 確認即時結果,再複製或下載可用的輸出。

適合的使用情境

純前端即時生成 QR Code(可自訂顏色與加入Logo),並支援上傳圖片進行本地解碼。適合日常工作、開發、學習或快速驗證時使用。

隱私與資料處理

工具在瀏覽器中運作;處理敏感資料前,仍請確認瀏覽器與裝置環境可信。

QR Code 產生器與掃描器:網址、Wi-Fi 與自訂顏色

這個 QR Code 工具同時能「產生」與「解碼」。產生模式下輸入網址或任何文字,畫面右側就會即時更新 QR Code,中文、日文與 emoji 都以 UTF-8 編碼,手機掃描後不會變亂碼。完成後按下載即可存成 400 × 400 像素的 PNG 圖檔,四周保留留白區(quiet zone),印刷或放上簡報都方便掃描。

切換到 Wi-Fi 模式,填入網路名稱(SSID)、密碼並選擇 WPA/WPA2、WEP 或無加密,工具會產生標準的「WIFI:S:名稱;T:WPA;P:密碼;;」格式,名稱或密碼中的分號、冒號、逗號與反斜線會自動跳脫。把它貼在店裡、民宿或會議室,訪客用 iPhone 或 Android 相機掃一下就能連線,不必口頭念密碼。

你可以自訂前景色與背景色,並選擇容錯等級:L(約 7%)、M(約 15%)、Q(約 25%)或 H(約 30%)。容錯越高,代碼即使部分被遮住或弄髒仍能讀取,但圖案也會更密。勾選中央 Logo 時建議使用 H 等級,因為 Logo 會蓋住約 22% 的中央區域。顏色方面,深色碼配淺色底的對比最好、相容性最高;淺色碼配深色底雖然好看,部分較舊的掃描器可能讀不到。

解碼模式可以上傳或拖放一張含有 QR Code 的圖片(截圖、照片皆可),工具會在瀏覽器內用 jsQR 解析並顯示內容,再一鍵複製。這很適合在電腦上讀取別人傳來的 QR 截圖,或在掃描前先確認連結的實際網址,避免開啟可疑網站。產生與解碼都在本機完成,不會上傳圖片或內容。

常見問題

產生的 QR Code 會過期嗎?

不會。這裡產生的是「靜態」QR Code,內容直接編碼在圖案裡,不經過任何轉址服務,只要原本的網址還在,就能永久使用。缺點是內容無法事後修改,網址改了就要重新產生。

Wi-Fi QR Code 掃了沒反應怎麼辦?

先確認 SSID 大小寫與密碼完全正確,加密方式也要和路由器一致(多數家用路由器是 WPA/WPA2)。iPhone 與 Android 的內建相機都支援 Wi-Fi QR Code;若仍失敗,可以改用深色碼淺色底並關閉 Logo 再試一次。

容錯等級該怎麼選?

只放短網址、印在乾淨的地方,用 M 就足夠;要加 Logo、印在可能磨損的包裝或戶外,選 Q 或 H。容錯越高,同樣內容的圖案越密,印得太小反而不好掃,請保持足夠的列印尺寸。

上傳的圖片會被儲存嗎?

不會。圖片只在你的瀏覽器中讀取並用 Canvas 分析,解碼結果也只顯示在畫面上,不會傳到伺服器。若圖片很模糊、角度太斜或 QR Code 太小,可能無法辨識,建議裁切到只剩 QR Code 再試。

瀏覽此分類: 圖片與多媒體

推薦與常用工具
    ↑ ↓ 移動選擇 ↵ 開啟工具 ESC 關閉
    咩~
    Alpa Idle Alpa Walk 1 Alpa Walk 2 Alpa Walk 3 Alpa Walk 4 Alpa Dizzy Alpa Sleep