如果要將圖片上傳到網站或部落格使用,通常會經過裁切尺寸和壓縮圖片步驟,事實上圖檔大小和主機頻寬、流量或搜尋引擎最佳化(SEO)等各層面有密切關係,降低圖片大小有助於節省流量消耗、加快網頁載入速度,可吸引並留住更多訪客,好的網頁速度表現也更能受到搜尋引擎青睞。因此在無損(意指不破壞相片品質)情況下稍微處理一下圖片有其必要性,例如 Recompressor、Squoosh、Jpeg.io 都是非常好用的線上圖片壓縮服務。
圖片優化
Image Speed Test 分析你的網頁內容,提供加速及圖片最佳化建議
Assetizr 圖片最佳化工具,整合無損壓縮、批次重設圖片大小和重命名功能
一般來說,如果要將照片使用於網路服務或應用程式,為了獲得最佳效果會先針對圖片進行最佳化,也就是壓縮圖片、調整為適當尺寸大小,如此一來不僅能讓容量減少,還能在特定範圍顯示出最好的效果。曾經介紹過不少壓縮工具,例如前段時間推薦的 Recompressor 幫助使用者在容量和畫質中找出最佳壓縮比;Squoosh 則是 Google 推出的免費圖片壓縮服務,線上為圖片減肥又不擔心失真。
Recompressor 免費圖片壓縮工具,在容量和畫質中找出最佳壓縮比
Picdiet 線上圖片壓縮工具,利用 JavaScript 演算法快速幫圖片減肥
現在有非常多可以壓縮圖片或影片、減少容量但又盡量不失真的圖片壓縮工具,多半都是透過瀏覽器進行,使用者無須額外下載安裝軟體,而是直接從雲端最佳化,操作上很簡單,沒有太多複雜的設定選項,例如前幾天介紹的 Squoosh,或是不斷提到的 TinyPNG,若你本身是網站經營者,也和免費資源網路社群一樣都透過 WordPress 自行架站,那麼我有寫過一篇「Photon 免費 CDN 圖片分流、加速服務」(現已更名為 Image CDN)亦能自動針對圖片進行最佳化處理,再以 CDN 技術加速圖片、減少伺服器流量負載。
Google 免費圖片壓縮工具「Squoosh」,線上幫你圖片減肥不失真
Goimg.io 免費智慧圖片壓縮工具,讓圖片減肥載入速度更快

最近剛好在整理免費資源網路社群十年來累積的文章圖片,本來使用「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」自動壓縮處理圖片,達到加速及節省流量效果,但在自行托管圖片後必須另覓服務,評估過幾個付費服務後決定自己處理圖片,相對來說可能會更省錢(雖然會浪費不少時間)。之前我已經推薦過不少免費圖片壓縮工具,包括我個人相當喜愛的 TinyJPG、ImageOptim,使用 WordPress 架站的朋友可考慮 Imagify、ShortPixel。
Tiny Visuals 建立適合使用於社群網站廣告圖尺寸,廣告投放最佳化
現在在 Facebook 投放廣告預算已經是很稀鬆平常的事,對於大部分經營者來說,如果要讓社群貼文有點成效,沒有下一些廣告幾乎看不出效果。當然,廣告投放本來就很專業,或許你會覺得不就設定預算和素材而已嗎?其實沒那麼簡單,若對廣告行銷不熟悉的話,貿然出手錢就是丟到水裡打水漂,當然要繳點學費深入研究也不是不行,先準備好你的廣告素材然後邊做邊學吧!
imgix Page Weight Tool 找出網頁裡過於肥大的圖片資源,提高載入速度
imgix 是一家讓網站或應用程式可以更快速載入圖片的服務,也可說是致力於圖片最佳化技術公司,整合包括線上裁切、壓縮、響應式設計、圖片增強等眾多功能,最大好處是使用者幾乎不用自行處理圖片,只要將網站串接 imgix API 就能雲端自動進行操作,先前曾經介紹過「Placemat 漂亮的佔位圖片產生器,開發網頁快速嵌入特定尺寸範例圖片」就是直接以 imgix 進行圖片處理。本文要介紹的「Page Weight Tool」是 imgix 最近新推出的服務,能幫你測試網站圖片有沒有需要最佳化處理的空間。