用圖片差異檢查器尋找變更像素
紅色標記顯示基於閾值的像素比較偵測到可見變化的位置。
瀏覽器本機像素比較
圖片差異檢查器, 像素差異結果.
從高亮差異開始，調整閾值，並透過本機畫布比較讀取變更像素、平均 RGB 差異、RMSE 與 PSNR。
像素差異實驗室
圖片差異檢查器
載入真實範例，或比較自己的 PNG、JPG、JPEG、WebP 檔案。像素分數只會在本機差異計算後更新。
圖片只保留在此瀏覽器會話中PNG, JPG, JPEG, WebP高亮差異後更新像素指標
像素匹配
執行本機差異需要本機差異變更像素
執行本機差異需要本機差異RMSE
執行本機差異需要本機差異高亮差異
執行瀏覽器本機像素比較來建立差異預覽。
較低數值會捕捉細微變化；較高數值會忽略壓縮雜訊、輕微光照變化和抗鋸齒。最大 RGBA 通道差超過該值時，像素會計為變更。
像素分數待計算
分析差異
在瀏覽器中執行本機差異，以填入結果和側邊指標卡。視覺變化
執行本機差異需要本機差異平均 RGB 差值
執行本機差異需要本機差異PSNR
執行本機差異需要本機差異1
新增圖片
更換任一側圖片，然後執行本機差異以取得測量結果。
選擇或拖放 基準圖片 的 PNG、JPG、JPEG 或 WebP 檔案。
A
基準 / 之前
選擇或拖放 變更圖片 的 PNG、JPG、JPEG 或 WebP 檔案。
B
變更 / 之後
2
檢查差異模式
高亮差異是主視圖；滑桿、並排和疊加可協助核對上下文。
3
差異結果
使用檢視器旁的執行本機差異來取得本機像素分數，並在此瀏覽器中完成計算和結果填入，不會上傳圖片或寫入儲存空間。
調整閾值
UI 截圖可用 8，照片細節可用 18，均衡檢查可用 32，只看明顯變化可用 64。
讀取錯誤指標
用變更像素百分比、平均 RGB 差異、RMSE 和 PSNR 說明兩張圖片的差異程度。
差異指標
圖片差異檢查器的像素差異結果
檢查器會區分視覺檢查和計算結果。載入後顯示檔案詳細資料；本機差異執行後更新像素指標。
變更像素
統計最強通道差異大於目前閾值的像素。
差異百分比
顯示變更像素占標準化畫布中所有可比較像素的比例。
RMSE 和 PSNR
彙總 RGB 誤差。RMSE 越低、PSNR 越高，表示兩張圖片在視覺上越接近。
方法
圖片差異檢查器如何計算圖片差異
兩張圖片會在本機解碼，繪製到共享標準化畫布，然後逐通道比較。閾值決定哪些像素計為變更。
基於閾值的像素變化
當紅、綠、藍或 Alpha 通道中最大的差異大於所選閾值時，該像素計為變化。
可比較畫布
尺寸不同的圖片會置中放在同一畫布上。大檔案可能會縮放以保持瀏覽器回應，結果面板會回報縮放比例。
可讀的誤差指標
平均 RGB 差異、RMSE 和 PSNR，為高亮預覽顯示的同一本機 RGB 差異提供更技術化的視角。
使用案例
圖片差異檢查器適用的情況
在需要快速找出可見圖片變化的實際任務中，可使用同一套瀏覽器本機流程。
截圖迴歸檢查
在允許少量渲染容差的同時發現 UI 截圖變化。
照片和產品修圖審閱
確認兩次導出之間顏色、清理、陰影或修飾發生變化的位置。
壓縮和匯出審查
比較 JPEG、PNG 或 WebP 匯出，以查看最佳化後可見的像素變化。
AI 生成變體檢查
把兩個 AI 生成的圖片變體作為普通圖片進行視覺檢查，並讀取本機像素測量值。
人像和臉部照片審查
目視比較人像或臉部照片中的修飾、表情、裁切或光照變化；不用於身份或生物識別比對。
常見問題解答
圖片差異檢查器問題
答案對應可見工具：本機圖片預覽、基於閾值的像素比較，以及無伺服器上傳流程。
我應該使用什麼閾值？
圖片差異檢查器建議從 18 開始。嚴格 UI 截圖可用 8，照片細節可用 18，均衡審閱可用 32，只想看明顯變化時可用 64。
如何確認圖片已成功載入？
如果你的圖片出現在上傳區域，通常表示已成功載入。圖片檔案過大時，載入時間會變長，也可能讓比較變慢。
可以比較 AI 生成的圖片嗎？
可以。你可以把 AI 生成變體當作兩張選定圖片做視覺檢查；結果是本機像素測量值，不是 AI 分析。
可以用於臉部比較嗎？
可以對人像或臉部照片做視覺審閱。工具不會驗證身份，也不會進行生物識別。