前後對比工具

📖 工具介紹

前後對比工具是一款把「調整前」與「調整後」放進同一張圖裡直觀對照的線上調色輔助工具。很多人修圖時最怕的就是改了參數卻看不出差別：這張照片到底是更亮了還是更暗了？色彩是更豔還是更灰？本工具在畫面中央提供一條可左右拖曳的白色分割線，左側永遠顯示原始圖片，右側即時顯示你調過的畫面；只要按住分割線左右滑動，就能像專業修圖軟體裡的對比滑桿一樣，逐像素地觀察亮度、對比度與飽和度三個參數帶來的變化。三個滑塊都在下方面板中，取值範圍從 50% 到 200%，拖動即渲染，無需點擊確認；調得不滿意可以一鍵重設回預設值。所有渲染都透過瀏覽器 Canvas 的濾鏡能力在本機完成，圖片不會上傳伺服器；匯出時直接儲存調整後的整圖為 PNG。無論是評測一款濾鏡、對比兩種修圖思路，還是向同事展示調色前後的差異，它都能讓「差別」一眼可見。

✨ 功能特點

• 拖曳分割線：在圖片上按住拖動即可移動對比邊界，左右對照
• 三項即時調色：亮度、對比度、飽和度滑塊拖動即生效
• 原圖效果雙標籤：左上角原圖、右上角效果角標，方向不混淆
• 一鍵重設：參數隨時回到預設 100%，反覆試色不心疼
• 本機渲染：Canvas 濾鏡計算，大圖自動縮放到 1600px 控制記憶體
• 高清匯出：滿意後一鍵下載調整後的完整 PNG

📝 使用方式

1. 把圖片拖入虛線區域，或點擊區域選擇一張圖片
2. 在圖片上按住左右拖動，移動白色分割線觀察兩側差異
3. 拖動下方亮度、對比度、飽和度滑塊微調畫面
4. 覺得調過頭了就點「重設參數」回到預設值
5. 確認效果後點擊「下載效果圖」儲存調整後的圖片

⚠️ 注意事項

• 互動方式：直接在圖片區域按下拖動即可，手機觸控同樣支援
• 匯出內容：下載的是整張調整後的圖，而非分割線截圖
• 大圖處理：邊長超過 1600px 的圖片會等比縮小渲染以節省記憶體
• 濾鏡範圍：亮度與對比度 50%-200%，飽和度 0%-200%
• 隱私安全：圖片全程不離開瀏覽器，可放心處理敏感照片