有時候一些網站上會看到相片比較功能,例如圖片壓縮工具經常會展示相片壓縮前後的細節差異,兩張圖片以重疊方式呈現,拖曳滑動桿來查看兩張圖片的變化,其實是非常直覺、易用的功能,但很多人不知道這個功能要怎麼實作?沒關係,現在有免費服務直接幫你完成,而且不用註冊就能使用。
什麼是 Imgsli?
本文要介紹「Imgsli」是一個專門提供 「圖片前後對比」 服務的免費線上平台,核心功能是讓使用者上傳兩張(或多張)圖片,快速生成帶有滑動桿的對比頁面,瀏覽者可以左右拖動拉桿來即時查看兩張圖片的細微差異,這個過程完全不用登入任何帳號,但要注意的是上傳至 Imgsli 的照片無法手動刪除。
Imgsli 適用場景與特色
Imgsli 適合使用於攝影、修圖、遊戲畫面或 AI 生成圖片比較等領域,具有局部放大、全螢幕檢視功能,也能分享給其他人瀏覽,接下來就實際示範一次如何使用它來製作圖片前後對比(Image Slider)頁面。
網站資訊
網站名稱:Imgsli
網站鏈結:https://imgsli.com/
使用教學
操作步驟
開啟網站並建立新相簿
開啟 Imgsli 網站會看到一個圖片對比範例,直接從下方測試這個功能,點選「New Album」綠色按鈕建立自己的頁面。
上傳圖片並設定標題說明
設定相簿標題、選擇加入比較的圖片和說明,預設只有兩張,可以點選新增加入更多相片,要注意的是輸入的內容都會顯示在比較頁面,而且無法修改或刪除(中文也能正常顯示)。
生成對比連結與功能操作
點選「Upload」後就會將圖片上傳,生成可供分享的頁面,頁面會有兩張或多張圖片的前後對比,可使用中間的滑動桿來比較差異,右下角的按鈕能局部放大或是以全螢幕顯示。
