Shrink media 免費圖片壓縮工具,線上快速調整相片畫質和解析度

Shrink.media 免費圖片壓縮工具,線上快速調整相片畫質和解析度

透過圖片壓縮工具可以大幅縮小圖片檔的容量大小,使用的技術不外乎是降低畫質,做到使用者肉眼幾乎看不出差異的「無損壓縮」,如果想要讓圖片變得更小一些,也能把品質降低或是調整相片尺寸,在網頁和部落格使用的圖片經過壓縮使用者開啟更快、更有效率,也有助於節省容量和傳輸流量。之前介紹過的免費圖片壓縮服務 Squoosh 來自 Google 實驗室,只要打開網頁、將圖片拖曳進去就能自動處理;還有我很喜歡的 TinyPNGTinyJPG 也都非常好用。

Compress JPEG 免費圖片壓縮服務,支援四種格式單次可處理 20 張

Compress JPEG 免費圖片壓縮服務,支援四種格式單次可處理 20 張

我很習慣在寫文章插入圖片前先對螢幕擷圖進行壓縮,讓圖片容量更小、開啟速度更快,更重要的是幾乎不會影響畫質,以前我都使用 TinyPNGTinyJPG 這兩個相片壓縮工具,只要將圖片拖曳到網站就能快速處理,後來就選擇以 Imagify 自動從 WordPress 媒體庫對圖片壓縮和最佳化(免費版每月只能處理 20 MB 相片),如果想要在處理圖片後整合 CDN 提高圖片載入速度可試試看以下服務:

Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

今年九月 Cloudflare 宣布正式推出「Cloudflare Images」圖片儲存服務,乍看之下好像只是一個付費的圖片空間,影像儲存僅是這個項目的其中一個功能,它還兼具調整圖片大小、最佳化等技術,而且整合全世界所有 Cloudflare 網路節點,將影像基礎架構變得更為簡單,易於管理或是預測價格,無論是線上零售、創作者平台或是內容傳遞都很適合使用。

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

前陣子我在研究將免費資源網路社群的圖片容量變小,以加速讀者載入網站時間,也減少主機造成的網路流量消耗,當圖片數量一多,很難以手動方式去處理以前的圖片,尤其是不同時期使用不同的圖片格式和解析度,最安全的方法就是透過第三方圖片處理工具直接在雲端進行壓縮(也不會破壞到原始圖片),例如 WordPress 外掛 Jetpack 提供免費圖片 CDN,開啟後會自動替換網站原有的圖片路徑,ImageKitstatically.io 也是同類型服務。

SVG Viewer 線上檢視、最佳化 SVG 圖形,亦可轉檔 PNG 或 React 格式

SVG Viewer 線上檢視、最佳化 SVG 圖形,亦可轉檔 PNG 或 React 格式

經常在網頁上看到 JPG、PNG、GIF 和 SVG 圖片格式,大家可能對於前三種比較有概念,SVG 是可縮放向量圖形(Scalable Vector Graphics)縮寫,也就是使用「可延伸標記式語言」(XML)來描述圖形,因此 SVG 也是普通的文字格式,打開後會看到程式碼,亦可使用一般文字編輯器檢視或修改,如果要瀏覽通常會以最新的網頁瀏覽器開啟,SVG 格式的特色是不會因為放大縮小導致圖片失真。

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

在每個社群網站、不同位置的圖片都會有最合適的尺寸大小,舉例來說,大頭貼多半是正方形,封面圖片則以長方形為主,雖然社群網站編輯器會自動將使用者上傳的圖片進行裁切,但在顯示上不如最佳尺寸效果來得好,如果有心經營社群媒體的朋友一定要記得使用正確的圖片大小,之前介紹過 Social Media Image Maker 可以將圖片裁切為特定尺寸,其他像是 LandscapePromo Image Resizer 都是類似服務。

ImageKit 圖片最佳化服務,為 WordPress 加入圖片壓縮和分流加速功能

ImageKit 圖片最佳化服務,為 WordPress 加入圖片壓縮和分流加速功能

前陣子在研究圖片最佳化(Image Optimization)服務,兼具加速分流的內容傳遞網路,對於網站管理者來說,如何將圖片容量變小、但又維持畫質不變確實是個很困難的問題,未來搜尋引擎 Google 會將「網站使用體驗核心指標」(Core Web Vitals)做為搜尋排序的參考因素之一,因此更需要重視網站載入速度。如果你的網站有不少圖片,可以開始研究要怎麼幫這些圖片瘦身減肥,讓訪客有更好的開啟速度,也能降低網頁伺服器的流量消耗。

PurePhotos 線上相片去背工具,內建相片校正最佳化可輸出 PSD 圖層

PurePhotos 線上相片去背工具,內建相片校正最佳化可輸出 PSD 圖層

如果要將相片中的人物、物品或任何主題取出,通常會使用去除背景方式達成,然而去背並不如想像中那麼簡單,也因此近年出現很多很強大的「免費去背工具」。現今的圖片去背服務多半是仰賴 AI 人工智慧和機器學習技術,使用者無需進行任何操作就能自動辨識出相片的主體和背景範圍,舉例來說像是 BackgroundCutPhotoshop Express 和 AI Background Remover 等等,在移除背景後除了轉為透明色,有些還能加入模糊效果或是特定背景顏色。

Squoosh Desktop App 桌面版圖片壓縮工具,開放原始碼沒有網路連線也可用

Squoosh

兩年前介紹過 Google 開發的免費圖片壓縮工具「Squoosh」,這是功能非常強大的線上圖片最佳化服務,整合各種常見圖片編碼解碼器,能在瀏覽器中對相片進行自訂調整,在分隔畫面即時比較原圖和壓縮後、或是使用不同壓縮技術造成的細節差異。我以前經常使用 TinyJPG 壓縮圖片,可以有效減少檔案大小,還能維持圖片畫質,後來在網站開啟 Jetpack CDN 直接替換圖片網址就有整合加速、分流和壓縮圖片效果。