Smush.it 幫網站圖片批量大瘦身,節省空間流量、加速網頁載入

smush-01

上圖是「電腦玩物」首頁所有圖片瘦身後的成果,總共比原本節省了7.02%的體積,或者說成功減掉了546.22KB的大小。然後我可以按下右方的﹝Download﹞按鈕,把減重後的圖片下載回來,再重新更換到網站版面當中。

這就是「Smushit」這個網站所提供的服務,它可以幫你免費進行圖片的優化工作,優化後圖片體積會有明顯的縮小,尤其我嘗試一些「實景照片」時甚至可以減少30%~40%的體積,而最重要的是瘦身後的照片「看起來」就跟原本的照片沒有兩樣

你可以從硬碟大量上傳本機的圖片,也可以輸入多個圖片的網址,然後不需安裝任何軟體就讓Smushit幫你做圖片瘦身轉換。或者你也可以安裝Firefox擴充套件,透過專用的Smush.it按鈕,幫特定網頁的所有圖片進行下載瘦身的工作。而且整個優化過程速度非常的快

我是從「Smush.it: Image Optimization in the Cloud」這篇文章看到的介紹,對於圖檔的專業技術我不是很了解,看這篇文章的意思,大致上應該是說Smush.it這個服務會幫你去除圖檔的附加資訊,然後幫你用一些無失真的演算法重新解析圖片,讓圖片看起來和原本一樣,但是又能有效的減少體積。

我想如果是你要收藏的圖檔,當然不一定需要去減重,反而你應該更希望保留原始樣貌才對。但如果是你要放到網頁上展示的圖檔,那麼利用Smush.it之類的工具減少體積確實可以帶來很多好處:例如圖檔變小後你的可用空間容量也相對會變大,要知道許多部落格相簿也都是有空間限制的;而如果你的上傳空間還有流量限制,那麼圖檔變小也就等於你可用的流量變大;此外當你網頁中的圖片體積比較小時,相對的載入網頁的速度也會變快。

那麼,我們就來看看如何利用Smush.it幫我們的圖檔減輕體積。

來到Smush.it首頁,切換到﹝URL﹞標籤頁面,在這邊你可以填入圖片的網址,要填入多個網址時就用﹝Enter﹞換行輸入即可。最後按下左下角的﹝Smush﹞,便可以幫你抓取這些圖片然後進行瘦身優化。

smush-04

 

或者你可以切換到﹝Uploader﹞標籤頁面,按下﹝Browser﹞按鈕,就能夠選取本機的圖片進行上傳優化,而且可以一次選取大量的圖檔。

smush-05

依據你要求的圖檔大小與數量,可能需要等待不同的時間,但是我覺得速度上算是頗令人滿意的。完成後,你可以看到這次瘦身的成果,下方會列出每張圖檔的個別優化說明。按下右上方的﹝Download﹞,就可以下載瘦身後的圖檔了

smush-06

 

那麼要如何快速的幫一整個網頁的圖檔進行瘦身減重呢?這時來到Smush.it的首頁,可以看到右方有一個安裝Firefox擴充套件的按鈕,請進行安裝並重新啟動你的Firefox瀏覽器。

smush-03

 

這時候你會看到在Firefox瀏覽器的最下方狀態列,會多出一個人臉的圖標,來到你的網站,按下這顆按鈕,就會開始下載目前頁面的所有圖片,並且直接幫你進行圖檔瘦身。最後的結果就如同本文開頭的圖片所示。

smush-02

聲明:本文的圖檔皆經過Smush.it瘦身!!~XD

當然有些軟體工具也可以提供圖片瘦身的功能,不過Smush.it總是提供了我們一個免費、簡單、快速有效,而且基本上不需要安裝軟體的圖片優化管道。如果你也有圖檔的瘦身需求,或者常常有在網頁上展示圖片的機會,那麼或許你可以記下這個網站,以備不時之需。

留言

  1. 這個還不錯,來試用看看

    回覆刪除
  2. 這真是為了朱學恆而誕生的服務!
    ( 該死的男子漢不縮圖!! 苦死了我們這批窄頻擁護者 )
    既然圖片可以不失真也不會縮小! 推薦給朱大用用看囉!!

    回覆刪除
  3. https://addons.mozilla.org/en-US/firefox/addon/8472

    回覆刪除
  4. 好可惜,網站掛了

    剛看到這功能想要用說........

    不知道還有其他類似的網站嗎?

    版大??

    回覆刪除
  5. 可以試試這個:
    http://www.freegroup.org/2009/11/free-images-optimizer-punypng/

    回覆刪除
  6. 刚刚看到这里,就试着连接去网站看看
    囧 还在咧 天大的好事
    http://www.smushit.com/ysmush.it/

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

Google Maps 我的地圖完全教學!規劃自助旅行攻略

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱