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/

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

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

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google 表單的 10 個專業問卷調查設計秘密教學

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

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