[AI協作] 圖片視覺比對工具 部署上線
在影像演算法研究、日常的網頁開發、UI/UX 設計中,我們經常需要比較不同版本圖片之間的細微差異。傳統的雙圖對比(Before / After)雖然常見,但在面對「原始圖、修改 A 版、修改 B 版」,或是「不同壓縮率」等多版本同時比較的情境時,往往顯得有些不夠用。
過去在研究所時曾使用BCB寫過相似的比對工具,但事過境遷已無繼續維護。為了解決這個痛點,現在可以與 AI(Gemini)深度協作,從需求構想、介面優化到細節調整,共同打造並部署了這款網頁版「圖片視覺比對工具 」!
✨ 工具核心亮點:
創新三欄同步比對:突破傳統兩圖限制,支援同時載入三張圖片。透過滑鼠滑動(Hover)或拖曳,三張圖會同步檢視同一個局部位置。
像素級直覺操控:滑鼠走到哪、比對到哪!無需反覆切換視窗,細微的色差與鋸齒一目了然。
極簡、免安裝:純網頁端運行,無須下載任何軟體,打開瀏覽器即可直接使用。
日前已透過進行多版本細節同步檢視測試,流暢度與實用性都達到預期。
![]() |
🔗 立即體驗:
工具目前已經部署在網站上,歡迎大家點擊下方連結體驗,也歡迎留下你的使用心得與建議:
👉 點此開啟圖片視覺比對工具 https://mirochiu.page/image_comparator.html
如果你覺得這個工具有幫助,歡迎轉發給身邊有需要的朋友!


留言