
自從使用了CloudFlare線上即時圖檔壓縮功能,感到相當的方便,不但讓圖檔可以即時壓縮,讓網站的載入的速度更快,同時又可保有不錯畫質,甚至將CloudFlare關閉時,立即就回到原來的影像品質,而其實這就是Image compression on daemon service,但大部分這類的服務都需要付費,但最近梅干發現一個超佛心的即時圖像壓縮平台,不但免費且還提供API,供大家使用,因此想解決網站圖檔的問題,也趕快來看看,要怎來善用reSmush.it這平台吧!
reSmush.it
網站名稱:reSmush.it
網站連結:http://resmush.it/
網站連結:http://resmush.it/
Step1
而reSmush.it這平台,除了有提供目前當幾個主流平台的外掛,甚至還有提供API串接,且完全無需註冊就可使用。

Step2
而只要將網頁中的API中的原始碼,複製貼到自己的專案中,再把$s改成圖片路徑位置。

Step3
接著再開啟剛所編輯好的php頁面,這時畫面就會產生出一串文字,而這就是經由reSmush所壓縮過的檔案,同時檔案會儲存在他的主機中,也算是可幫網站的圖片作分流,但得特別注意到的是,目前reSmush只提供http的服務,因此當要https的朋友,可透過第三方的CDN服務,將圖片導入即可。

Step4
可看到,原來是604KB,經reSmushl壓縮後變成了576KB。

Step5
若還是覺得檔案太大,還可在剛$s圖檔路徑後方加入&qlty=xx壓縮品質。

Step6
真的很厲害,在壓縮了60%後,檔案大小也從原來的604KB變成188KB,且畫質還是一樣的好,reSmush這平台,不但好用且免費,希望可以一直免費下去,因此有需要的朋友,不妨也可試試看囉!
