任務路徑 / 從輸入到結果
如何比較兩張圖片
- 01
選擇兩張圖片
分別選擇原始圖片與變更後圖片——支援 PNG、JPEG、WebP，每張不超過 12 MiB、單邊不超過 8,192 像素、精確比較最多 800 萬像素。JPEG 會在載入時依 EXIF 方向歸一，兩側會顯示格式、尺寸與檔案大小，交換兩側一鍵完成。
- 02
閱讀結論
尺寸相同的影像會在 Worker 中自動比較。閾值為 0 且計入抗鋸齒像素時，零差異可按此演算法顯示「像素相同」；其他設定下零差異僅表示目前閾值和邊緣處理沒有計入差異。正數結果顯示計入的像素數和佔比。
- 03
在五種檢視之間切換
分欄並排顯示兩張圖片並同步縮放平移——捲動縮放、拖曳平移，按鈕與方向鍵無需滑鼠也可操作。滑動透過鍵盤可控的分界線揭示差異；淡入以可調不透明度疊加兩張圖；高亮在原圖上標出差異像素；差異遮罩則單獨顯示它們。
- 04
調整閾值與抗鋸齒
閾值控制演算法靈敏度，範圍 0–0.5；0 最敏感，但不承諾 RGBA 逐位元組相等。「忽略抗鋸齒邊緣」預設開啟，可能排除邊緣差異。修改任一設定會重新比較並取消舊任務。
- 05
匯出遮罩
「匯出差異遮罩 PNG」儲存目前設定下計入的差異，並以透明背景顯示。即使顯示「像素相同」，也只表示本瀏覽器解碼後經 pixelmatch 比較的結果，不代表檔案位元組一致或每個隱藏 RGBA 通道都相等；需要檔案一致性請用雜湊校驗。