圖片差異比對工具
逐像素比對兩張圖片，立即看出差異所在，並顯示標示差異的比對圖與百分比摘要——所有運算都在您的瀏覽器本機完成。
🔒 在你的瀏覽器本機處理
載入中…
使用方法
- 將原始圖片拖曳（或點擊選擇）至「原始圖片」上傳區。
- 將要比對的圖片拖曳（或點擊選擇）至「比對圖片」上傳區。
- 點擊「開始比對」——兩張圖片會在您的瀏覽器中逐像素進行比對。
- 檢視標示差異的比對圖與差異像素百分比，如有需要可下載比對圖。
功能特色
- 採用開源的 pixelmatch 函式庫進行逐像素比對
- 在變暗的背景上標示每一個差異像素，讓變化一目了然
- 顯示差異像素的確切數量與百分比
- 尺寸不符時會清楚提示，不會錯誤地比對不同尺寸的資料
- 100% 於用戶端執行——您的圖片絕不會上傳到伺服器
常見問題
這個工具適合用在什麼情境？
很適合用於視覺回歸測試（檢查新版本的介面是否意外走樣）、比較兩個版本的設計稿或截圖、找出照片中細微的修改，或確認圖片重新壓縮後畫質是否有明顯損失。
為什麼兩張圖片的尺寸必須相同？
比對是逐像素進行的，會將第一張圖片的每個像素對應到第二張圖片相同位置的像素。如果兩張圖片尺寸不同，就無法建立有意義的一對一對應，因此工具會顯示清楚的錯誤訊息，而不是錯誤地比對不匹配的資料。
比對圖是如何產生的？
工具使用開源的 pixelmatch 像素比對函式庫。相同的區域會被調暗，而超過一定容許誤差（已考慮抗鋸齒）的差異像素則會以醒目的顏色標示出來，讓您一眼就能看出差異。
我的圖片會被上傳到任何地方嗎？
不會。兩張圖片的載入與比對都是透過瀏覽器內建的 Canvas API 在本機完成，不會傳送到任何伺服器。
為什麼看起來一模一樣的兩張圖片還是會顯示有差異像素？
壓縮方式、色彩描述檔或重新編碼過程中的細微差異，都可能讓個別像素的數值略有變動，即使肉眼看起來完全相同。差異像素比例非常低時，通常代表的是這類雜訊，而非真正的視覺變化。