Squoosh｜線上縮圖工具首推
|
| Squoosh｜線上縮圖～就是這麼精簡可愛 |
文章圖文愈多，會讓頁面載入數度更慢，會影響閱看人等待的時間，所以頁面載入的時間也是 SEO
一項重要的指標，因此，除了網站本身的存取速度外，網站內也不要放太多過大的圖片或影音檔，WordPress
則被告知別下載太多無謂的外掛，以利網頁讀取的輕巧快速。
但若寫技術類或說明類的，有較細節的圖來做說明是體貼的，所以圖片要在可判別內容及檔案別負載太大間取捨，縮圖軟體就很重要，簡單／好用／方便／別劣化品質太多，在我做完功課，用了二款免費的線上縮圖程式一段時間
|
| Squoosh縮圖支援gif檔 |
可以選擇 8種壓縮相片的方法，預設值選擇 MozJPEG
能快速壓縮照片並立刻載回同檔名的 jpg 檔 (你丟上去 PNG，它會載回 JPG
）操作簡單到無需多言，但還是得介紹，因為它真的太棒了，只需把要壓縮的照片拉到瀏覽器中，不用下載任何的軟體／程式。我甚至也不用改它的預設值，拉上去照片再按下載就存回。tinypng 也是一樣免下載，你丟上去 PNG，它會載回 同檔名(1) PNG。
tinypng 縮圖
|
| 一樣把圖檔拉上去再按右下角的下載即可 |
點選網址，也是直接上拉圖檔，它本身有二個，一個是 tinypng，一個是 tinyipg ，但看似都能接收，不知道為何需要這樣分，它有限制原尺寸要小於
5MB，不支援 gif 檔，我沒在用 gif 檔，因為 Squoosh 可以，所以試試。
|
|
單一張圖記得按 download 就好 好幾次都按成 Download all ，結果還要解壓縮 |
squoosh 縮圖
|
| 比對原圖和縮圖結果 |
squoosh 可以同時比對原檔和縮圖結果，若預設縮圖效果不滿意，可以即時調整設定值，並可以移動中間黑色透明線條，移動至較好判斷差異的地方，比對原檔和縮圖，很棒且貼心。
squoosh 調整尺寸及減少色彩設定，預設為不開啟，可視需求調整
壓縮方式選擇 Browser PNG／OxiPNG
可以反向提高相片檔案大小，但我看不出來品質有更好，有些壓縮選擇尚有其他設定可供更改，我只是簡單縮圖，沒有逐一測試。
兩款比對
同尺寸我有調整讓下載檔案大小沒差異太大，tinypng
有略優一點點，但基於介面清爽、不會誤按成下載壓縮檔，還要解壓縮，我還是首推 Squoosh。
如果你是 Canva Pro 帳號，就可以直接縮圖後再下載，這部落格的 Canva
網頁封面尺寸是 1920*540px。（jpg 檔案偏小，我會把品質拉高成 100）
- 選擇 PNG下載，檔案大小是 0.97MB
- 選擇 jpg下載，檔案大小是 163KB
所以縮圖方式光 Canva 就有二個
- 下載成 jpg，品質拉高成 100
- 下載成 PNG，選擇 壓縮檔案
自從 WebP 格式被大部份的瀏灠器支援後，圖片大小我都大膽的放寬一些了😁
更多雲端資源請參考：行銷筆記
留言
張貼留言