2021-05-25

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

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

1.JS IMAGE CARVER 的使用方法很簡單,先來看網站給出的範例,下圖有閃電的圖像位置,基本上都是屬於可壓縮的空間。
JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

2.如果不按比例進行調整,則會呈現如下圖右側的圖片。
JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

3.透過網站進行壓縮的過程,最終結果則會呈現如上圖左側的結果。


4.實際測試。
JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

5.結果。
JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

 分享您的留言


請輸入關鍵字


請選擇...


˄