無需上傳, 100% 本機處理, 無需帳戶

圖片比較

載入兩張圖片,使用拖曳滑桿或並排檢視進行比較。非常適合前後對比編輯。無需上傳。

圖片比較滑桿 的運作方式

圖片比較滑桿讓你並排載入兩張圖片,拖動垂直分隔線以顯示更多一張圖片、更少另一張。這種前後對比版面是展示兩個圖片版本之間差異的直接、低摩擦方式。兩張圖片都透過 File API 從你的本機磁碟載入,並由瀏覽器在螢幕上渲染;沒有任何內容上傳到伺服器。

滑桿使用 CSS clip-path 方法,因此兩張圖片之間的過渡始終是像素對齊的,邊界處不會有任何混合或插值。你也可以切換到分割螢幕視圖,以固定的左右面板顯示兩張圖片。這個工具適用於比較照片編輯、壓縮結果、設計迭代,或任何兩張你需要清楚看到差異的圖片。

圖片比較滑桿 的分步使用說明

  1. 將第一張圖片(「之前」版本)拖曳到左側上傳區。
  2. 將第二張圖片(「之後」版本)拖曳到右側上傳區。
  3. 左右拖動分隔線,每次顯示更多一張圖片。
  4. 如果你偏好靜態比較,切換到分割視圖,以固定面板查看兩張圖片。
  5. 使用全螢幕按鈕將比較視圖最大化,以便詳細檢查。

常見使用情境

  • 攝影師將原始 RAW 匯出與修圖版本進行比較,評估編輯對圖片的改變程度。
  • 開發者檢查一對壓縮前後的圖片,以評估在給定壓縮等級下的品質損失是否可接受。
  • UX 設計師在利害關係人審查時,將舊介面截圖放在左側、新設計放在右側,以此呈現 UI 重設計成果。
  • 內容編輯確認縮圖與完整尺寸版本之間的圖片處理(色彩分級、裁切)是否一致。

常見問題

兩張圖片需要相同的尺寸嗎?

當兩張圖片尺寸相同時,工具效果最佳,因為滑桿可以精確地疊加它們。如果圖片尺寸不同,工具會將它們縮放到通用的顯示大小。如果長寬比不同,邊緣處可能會出現一些錯位。

兩張圖片會被傳送到任何地方來進行比較嗎?

不會。兩張圖片都透過 File API 從你的檔案系統載入,並繪製到瀏覽器中的 Canvas 元素上。比較是客戶端渲染操作,兩張圖片都不會離開你的裝置。

我可以從兩個不同的 URL 而不是本機檔案比較圖片嗎?

目前的工具只接受本機檔案。從遠端 URL 載入圖片需要瀏覽器抓取它們,並受到許多圖片主機不允許的 CORS 限制。

比較工具可以處理的圖片有最大尺寸限制嗎?

限制取決於你瀏覽器的 Canvas 記憶體。每張圖片最高約 2000 萬像素可在大多數桌面裝置上正常處理。非常大的圖片可能在低端硬體上導致渲染變慢或記憶體錯誤。

我可以儲存特定滑桿位置的截圖嗎?

作業系統的截圖工具(或瀏覽器 DevTools 中的截圖功能)是擷取特定滑桿位置最直接的方式。比較視圖本身沒有內建用於合併圖片的匯出按鈕。