JS Image Carver 線上圖片縮小工具,只縮小圖片、不縮小主角

JS Image Carver 線上圖片縮小工具,只縮小圖片、不縮小主角

想要縮小圖片尺寸,卻只能修改整張圖片的長、寬,因此圖片中主要物體也跟著縮小了,有沒有什麼好方法可以讓圖片內容不縮小,只讓縮小圖片中非主要的部分呢?最近小編發現一款非常厲害的 JS Image Carver 圖片縮小工具,它會自動偵測圖片內容,將不需要的部分縮減掉,並保留圖片中的主要物體、主角,實現圖片尺寸縮小,卻不影響到主角的大小!聽起來是不是有點複雜?我們來實際看一次效果就能知道:

以往我們要縮小像這樣的圖片,只能調整長寬,不過雖然調整長寬能縮小圖片,卻也會讓圖片裡面的「熱氣球」們跟著縮小,此時透過 JS Image Carver 就整夠在「保有熱氣球」原來的大小的前提下,同時達到縮小圖片尺寸的目的。

圖片壓縮工具

使用方法非常簡單,進入 JS Image Carver 首頁後,把要縮小的圖片上傳,並調整你要縮小的圖片尺寸比例,最後按下 Resize 就可以囉。

線上調整圖片

不過 JS Image Carver 也並非萬能,它的原理是透過縮小像素之間的距離來達成的,因此背景過於複雜的圖片,就會像小編上圖的 Before & After 對照圖片一樣,上圖壓縮後的圖片,手機周圍的背景明顯扭曲了。大家可以試著調整壓縮比例、更換背景較不複雜的圖片來嘗試。小編非常期待這個開源項目未來的發展,將會有許多實際能夠應用的地方,大家趕快去嘗試看看吧~

傳送門:JS Image Carver

如何縮小圖片畫面中的內容不被一起縮小?JS Image Carver 線上免費圖片壓縮工具

如何縮小圖片畫面中的內容不被一起縮小?JS Image Carver 線上免費圖片壓縮工具 相關文章


參考內容推薦

如何學習前端程式? - iT 邦幫忙:

2019/10/7 · bootstrap: Bootstrap是一組用於網站和網路應用程式開發的開源前端框架,包括HTML、CSS及JavaScript的框架,提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件,旨在使動態網頁和Web應用的開發更加容易。. 簡單來說就是用少少的程式碼就讓你的網頁 ...

FonePaw 線上免費圖片壓縮服務

2020年9月8日 — 它能夠快速的幫我們將JPG/PNG 檔案的圖片,進行最多高達90% 且不失真的圖片優化壓縮,幫助我們大大減少圖片的檔案大小,又能兼顧原始圖片 ...

PChome 線上購物

PChome線上購物是台灣最大B2C電子商務網站,自2000年開始營運,隸屬台灣最大的電子商務集團PChome網路家庭(8044-tw)旗下,是台灣消費者網路購物的首選。

iT 邦幫忙:

iT 邦幫忙是 IT 領域的技術問答與分享社群,透過 IT 人互相幫忙,一起解決每天面臨的靠北時刻。一起來當 IT 人的超級英雄吧,拯救下一個卡關的 IT 人

PChome 24h購物

PChome24h購物首創全台保證24小時到貨,擁有超過170萬種商品24小時到貨、台北巿6小時到貨(試營運),是台灣最多商品在庫的購物網站,隸屬台灣最大的電子商務集團PChome網路家庭(8044-tw)旗下,是台灣消費者網路購物的首選。

Google 免費圖片壓縮工具「Squoosh」,線上幫你圖片減肥不 ...

基本上只要是無損壓縮應該不會對原照片畫質造成破壞。 左下角和右下角分別有兩張圖片的大小,可以看到右邊經過壓縮後檔案容量少了68%,有相當 ...

免費線上壓縮JPG影像文檔

壓縮JPG. 壓縮JPG時保持最佳文檔品質和壓縮程度。 線上一次縮小多個JPG圖片文檔的尺寸。 上傳你的文檔,並轉換它。 選擇多張圖片. 從電腦中上傳. 或者將多張 ...

易犯的 RWD 網站製作失誤

2015/5/9 · 所以調整 RWD 網頁要記住第一個原則,買一支跟老闆和客戶一樣的手機,或是把老闆和客戶的手機螢幕解析度背起來….啊不是啦!. 1.多用百分比之類的寬度,寬度不要設定太多固定數值。. 畫設計稿時也不要把網頁元件排得太寬,如下圖超簡易的範例。. 2.有時候 ...

2021年WordPress網站基本SEO怎麼做的懶人包

圖片請先在電腦縮小檔案尺寸處理 (以下有提供線上工具),再上傳,最怕那種相機直出,一張2~7MB,超大,不處理就上傳的,完全佔據你網站空間又拖累開啟速度,讓人沒耐心等待圖片開啟,很快就跳出你網頁。. 教學: 只需要 4 個步驟就能輕鬆完成 WordPress 圖片 ... ...

Squoosh 免費線上圖片壓縮工具,Google 推出可離線使用跨 ...

2019年6月24日 — 而「Squoosh」厲害之處在於,壓縮圖片大小的同時,又不會失去圖片的品質 ... 首次進入後,可以看到主畫面相當簡潔 ... 而「Squoosh」雖然是線上壓縮工具,但其特點在於能夠「離線使用」 ... JS Image Carver – 免費內容感知圖片調整尺寸工具, 自動偵測圖片元素間的距離並自動演算生成新的圖片 · Storyset ...