條碼掃描器與解碼器

相機與影像解碼原理

• 擷取影格： 當你按下「掃描」，應用程式會從即時相機串流取樣一個影格（或使用你上傳的影像）。
• 偵測： 我們會先嘗試使用 Shape Detection API（BarcodeDetector）在裝置上快速偵測。若不支援或未找到，則退回使用為網頁編譯的 ZXing。
• 解碼： 偵測到的區域會被處理以還原編碼資料（例如 UPC/EAN 數字、Code 128/39 的文字等）。
• 結果： 解碼後的內容與格式會顯示在預覽下方。你可以立即複製文字。
• 隱私： 所有處理皆在本機進行——影像與影格不會離開你的裝置。

支援的條碼格式

相機掃描提示

• 照亮條碼而不是鏡頭： 使用明亮且柔和的側光以避免眩光與反光。對亮面標籤傾斜或移動光源以避免過曝。
• 必要時使用手電筒： 在手機上，於昏暗環境啟用閃光燈。略微傾斜裝置以減少眩光。
• 保持合適距離： 靠近直到條碼占畫面 60–80%。太遠＝像素不足；太近＝對焦不良。
• 對焦與曝光： 點擊條碼以對焦/自動曝光。許多手機可長按鎖定 AE/AF。
• 1D 條碼方向很重要： 將裝置旋轉使條碼的粗細條橫向排列於螢幕。若偵測困難，嘗試 90° 或 180°。
• 保持穩定： 支撐手肘，靠在表面，或用雙手握持。停留半秒有助改善結果。
• 注意安靜區（quiet zone）： 在條碼周圍保留一圈細白邊界——不要裁切到條碼邊緣。
• 減少傾斜與弧度： 保持條碼平整且與相機平行。對於弧形標籤，向後退一些以減少失真，然後再裁切。
• 優先使用主相機： 小條碼避免使用超廣角鏡頭；請使用主鏡頭（1×）或長焦鏡頭。
• 避免會改變影像的模式： 關閉人像、美肌、HDR 或會造成模糊的動態模式，這些會軟化細微條紋。
• 清潔鏡頭： 指紋與灰塵會降低銳利度與對比。
• 針對 QR 碼： 確保整個方形（含安靜區）可見且大致平直；避免只拍到尋位角的部分。

上傳影像時獲得最佳結果

• 使用合適的格式： PNG 可保留清晰邊緣；高品質（≥ 85）的 JPEG 也可。上傳前將 HEIC/HEIF 轉成 PNG 或 JPEG。
• 解析度很重要： 小標籤：≥ 1000×1000 px。較大條碼：≥ 600×600 px。避免數位變焦——靠近並裁切。
• 保持清晰： 支撐手機、點擊對焦並暫停。動態模糊會破壞細條與 QR 模組。
• 裁切並保留安靜區： 圍繞條碼裁切，但保留一圈細白邊界；不要裁切到條碼或模組內。
• 修正方向： 若影像是側向或顛倒，先旋轉——EXIF 內嵌方向標記不一定會被遵守。
• 控制光線： 使用明亮、柔和的光；稍微傾斜以把眩光移出亮面標籤。
• 提高對比（如有需要）： 轉為灰階並提升對比。避免強烈濾鏡/降噪導致邊緣模糊。
• 壓平並校正傾斜： 對於弧形包裝，向後退、對準條碼，然後再更緊密地裁切。
• 一次一個條碼： 若照片中有多個條碼，請裁切到單一目標條碼。
• 保留原檔： 上傳原檔。通訊軟體常會壓縮並產生壓縮痕跡。
• 從螢幕取得： 優先直接擷圖。若拍攝顯示器，稍微降低亮度以減少條紋。
• 嘗試其他裝置或鏡頭： 使用主（1×）相機以獲得最佳細節；超廣角可能降低可解碼性。

解碼失敗排除問題

• 確認符號類型： 支援：EAN-13/8、UPC-A/E、Code 128、Code 39、ITF、Codabar 與 QR。不支援：Data Matrix、PDF417。
• 嘗試不同方向： 每次旋轉 90°。對 1D 條碼而言，橫向條紋最容易辨識。
• 更聰明地裁切： 在條碼周圍裁切，同時保留細白的安靜區。不要裁切到條紋內。
• 提高對比： 改善照明、避免眩光，目標為深色條紋配淺色背景；對上傳影像可試灰階並提高對比。
• 注意反相顏色： 若條紋為淺色底深色線，重新拍攝以增加亮度或在上傳前反轉顏色。
• 增加可用解析度： 靠近拍攝、使用高解析度照片，或換更好的相機。
• 減少傾斜/弧度： 將標籤壓平，讓相機與條碼對齊；或向後退些再裁切。
• 檢查列印品質與安靜區： 污漬、刮傷或缺少安靜區都會導致解碼失敗。嘗試用更乾淨的樣本。
• 在相關情況下驗證資料規則： 某些格式有約束（例如 ITF 需偶數位；Code 39 有字符限制）。確認條碼符合其規則。
• 裝置／瀏覽器差異： 嘗試其他裝置或瀏覽器。啟用手電筒；點擊對焦並保持穩定。
• 影像上傳—方向／處理： 在上傳前旋轉側向照片。避免強烈濾鏡或降噪處理。
• 仍然卡住？ 試試更緊的裁切、更好的照明，或換第二部裝置。條碼可能已損壞或不受支援。

隱私與裝置端處理

此掃描器完全在你的瀏覽器中運行：相機影格與上傳的影像不會離開你的裝置。立即使用—無需註冊也沒有追蹤像素。初次載入後，許多瀏覽器即使在連線不穩或離線時也能執行此工具。