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 線上免費圖片壓縮工具 相關文章

糟糕!怎麼會沒有~會努力加油的!

參考內容推薦

圖片工具

兩年前介紹過 Google 開發的免費圖片壓縮工具「Squoosh」,這是功能非常強大的線上圖片最佳化服務,整合各種常見圖片編碼解碼器,能在瀏覽器中對相片進行自訂調整,在分隔畫面即時比較原圖和壓縮後、或是使用不同壓縮技術造成的細節差異。 我以前經常使用 TinyJPG ...

免費設計資源筆記 @李介介

Google 的免費 3D 繪圖軟體 Sketchup 推出線上版了,免安裝軟體也能使用, Sketchup 的下載版軟體有分成免費版跟付費版 (年費約2萬台幣),而網頁版是屬於免費的,透過網頁就能輕鬆製作各種3D模型,繪製好的3D圖都可以下載回來,還有很多現成的物件可以直接套用 ... ...

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

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

JS Image Carver

1 天前 — JS Image Carver 是一個非常厲害的免費開源項目,它的功能可以幫助我們 ... 同時縮小圖片的寬度時,一般的縮放工具會使得圖片的某一部分被裁切,或是整 ... 他也製作了線上版本,可以讓你直接上傳圖片並進行內容感知的圖片縮放。 ... 的畫面可能會因此變形,就像我們的範例當中的山一樣,會因此被壓縮到, ...

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

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

Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮 - 萌芽綜合天地

2019/3/26 · 接著就可以在指令目錄看到壓縮完成的圖檔!預設壓縮品質是 79,很明顯本站的圖檔還有壓縮空間!原本十張圖大小是 2.36 MB,壓縮後縮小成 1.21 MB,且看不出任何瑕疵,mozjpeg 真的是非常強的壓縮技術!單張圖從 228 KB 壓縮成 117 KB! ...

iT 邦幫忙:

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

iLoveIMG

2020年1月31日 — 而現在,只要透過iLoveIMG ,就能同時將你的圖片進行壓縮、調整大小與添加浮水印…等功能,非常方便。 iLoveIMG 提供的線上圖片編輯工具非常 ...

Ching Tseng, Author at AppWorks 之初創投

熟悉至少一個 Analytics 工具,例如:Google Analytics。 熟悉至少一個 UI prototyping 工具,例如:Axure RP。 回求職機會總覽 台灣雪豹科技 台灣雪豹科技成立於 2014 年,立志成為本土第一家真正的移動互聯網公司,目前已有近 200 位員工。

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

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