JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

有關圖片尺寸的調整,多數的時候都是寬度與高度只能兼顧一邊,調整寬度,就自動縮放高度,相反的,調整高度,就按比例縮放寬度,這樣來做最省事,且讓圖片不會扭曲變形。而 JS IMAGE CARVER 這個線上工具則是挑戰不等比例的來調整圖片尺寸,且又讓圖片內容看起來是正常的,怎麼做呢?其透過 Seam Carving 演算法 來實現,簡單來說就是根據感知圖片內容,自動擠壓空間進而達到圖片尺寸大小調整,姑且不論 Seam Carving 演算法有多厲害,使用者通常只看結果,畢竟效果不好,演算法再複雜都無用,經過實測,如果圖片內容是人物的話,基本上不甚理想,但對於某些風景照,卻有不錯的效果,大家可試試。

Resize Images Online 線上調整圖片尺寸大小並做最佳化

Resize Images Online 線上調整圖片尺寸大小並做最佳化

圖片為應用上的方便,難免都要對其尺寸進行調整,尤其是應用在網頁顯示時,尺寸過大的圖片若僅靠 CSS 屬性控制其大小,通常在網速有延遲時,就很容易被由大到小看出其顯示過程,因此,為讓圖片適合在網路上展示,尺寸調整就在所難免,Resize Images Online 這個網站提供相當簡便的調整圖片大小方法,僅需將圖片上傳,就可以選擇依照寬、高、百分比或自訂方式來調整,並可對圖片進行最佳化處理,如果需要轉換圖片格式,也可以轉成 JPG、PNG 或 webP 等圖片格式。