圖片比較滑桿 的運作方式
圖片比較滑桿讓你並排載入兩張圖片,拖動垂直分隔線以顯示更多一張圖片、更少另一張。這種前後對比版面是展示兩個圖片版本之間差異的直接、低摩擦方式。兩張圖片都透過 File API 從你的本機磁碟載入,並由瀏覽器在螢幕上渲染;沒有任何內容上傳到伺服器。
滑桿使用 CSS clip-path 方法,因此兩張圖片之間的過渡始終是像素對齊的,邊界處不會有任何混合或插值。你也可以切換到分割螢幕視圖,以固定的左右面板顯示兩張圖片。這個工具適用於比較照片編輯、壓縮結果、設計迭代,或任何兩張你需要清楚看到差異的圖片。