網頁設計, 網頁資源

Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度變更快

梅干2018/11/16
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快
  拖慢網頁開啟速度的原兇就是圖片,因此先前梅干也分享了幾款圖片壓縮器,讓肥胖的圖片廋身,但廋身的條件就是,影像多多少少都會變差,因此圖片大小還真是一個兩難的局面 想要畫質好,又要圖檔小,這看來是不可能的事,但這也只有Google自己能超越自己。
  因此最近Google的研究室推出一款,線上圖片無損壓縮器Squoosh,不但操控簡單,甚至線上調整壓縮比例,還能即時預覽壓縮的結果,同時還可設定圖片的壓縮格式,以及線上修改圖片尺寸,經梅干實測後的結果,感覺相當的棒,但目前只限單張壓縮,若未來能推出批次壓縮,或是提供一個API服務,那就太完美啦!但無論如何,現階段可使用Google Squoosh所推出的圖片壓縮器,為圖片進行廋身啦!
Google Squoosh
網站名稱:Google Squoosh
網站連結:https://squoosh.app/

Step1
當進到Google Squoosh的平台後,將要壓縮圖片,直接拖曳到網頁上方。
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快
Step2
放開滑鼠後,接著左邊是原始圖,右邊是可自行設定,包含圖片縮放、圖檔類型、壓縮比。
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快
Step3
當把Resize的選項勾起來後,就可自行設定縮小的尺寸,同時Squoosh會等比縮放,或是調整壓縮比例。
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快
Step4
還蠻厲害的就是,當梅干將影像的壓縮比,設為六成後,還能保有依然的清晰影像,都設定好後,再按右下的下載圖示,就可將圖片下載回來。
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快
Step5
下載回來後,可發現到,壓縮後檔案足足小了快二倍左右,更重要的是,影像依然清晰,期待之後能支援多張圖片壓縮,那就太方便了。
梅問題-Google Squoosh 推出線上圖片無損壓縮器,讓網頁開啟速度更快