WordPress影像最佳化終極指南

每當啟動一個新部落格時，很多初學者只是簡單地上傳原始影像，而沒有進行任何處理，這些較大的影像檔案會使網頁載入速度變慢，你可以透過最佳化影像來解決這個問題。

在這篇文章中，我們將展示如何最佳化影像以獲得更快的效能而又不損失質量。此外，我們還會分享最好的WordPress自動影像最佳化外掛，以便使你的建站過程變得更加容易。

影像最佳化是什麼

影像最佳化是一種以最小的檔案大小儲存和傳送影像，而幾乎不會降低整體質量的操作。這個過程聽起來似乎很複雜，但實現起來其實非常容易。很多外掛和工具都可以自動將影像大小壓縮80%，而不會造成明顯的質量損失。

簡而言之，影像最佳化使用有損資料壓縮（Lossy）和無損資料壓縮（Lossless）等技術來工作，有助於降低影像檔案的整體大小，而質量損失幾乎無法察覺。如果你曾經收到過WordPress託管支援或速度測試工具的影像最佳化建議，則意味著你需要減少影像檔案的大小。

為什麼最佳化影像很重要

最佳化影像可以帶來很多好處，以下是最重要的幾個方面：

更快的網頁載入速度
提升搜尋引擎最佳化排名
更多的銷售、更高的客戶轉化率
更少的儲存和頻寬，有助於減少託管和內容分發網路（CDN）成本
更短的網站備份耗時，這可以降低備份儲存成本

除了影片之外，影像是網頁上最重要的元素，根據HTTP Archive的研究報告，影像佔整個網頁體積的21%。此外，快速載入的網頁在搜尋結果中排名較高，並且具有更好的轉化率，因此，對於任何想要獲得線上成功的個人和企業來說，影像最佳化都是必須得面對的事情。

根據Strangeloop的一項研究，網站載入時間每延遲1秒鐘，可能導致7%的銷售損失、11%的瀏覽減少，以及16%的客戶滿意度降低。如果這些資料不足以讓你採取行動，你還應該知道，像谷歌這樣的搜尋引擎也為快速載入的頁面提供優先的SEO處理。這意味著，透過最佳化網路影像，既可以加快網站速度，又能夠提升搜尋結果排名。

怎樣最佳化影像

為了實現最好的網路效能，你需要在最小的文件大小和可接受的影像質量之間找到完美平衡。在影像最佳化過程中，有三個因素最值得注意：

檔案格式（JPEG、PNG、GIF）
壓縮（較高的壓縮率=較小的文件大小）
影像尺寸（高度和寬度）

透過選擇三者的正確組合，你可以將文件大小降低多達80%。

1. 檔案格式

對於大多數網站而言，只需要關注三種影像檔案格式：JPEG、PNG和GIF，正確的檔案型別對於影像最佳化至關重要。簡單來說，你應該對照片或色彩豐富的影像使用JPEG，對簡單影像或需要透明處理時使用PNG，對動畫影像使用GIF。

PNG格式未經壓縮，質量相當高，但文件通常很大
JPEG是一種壓縮的檔案格式，會稍微降低影像質量，以提供明顯更小的文件
GIF僅使用256色以及無失真壓縮，這使其成為動畫影像的最佳選擇

2. 壓縮

影像壓縮具有不同的型別和級別，每種設定都會因為你使用的壓縮工具而有所不同，但大多數影像編輯工具都有內建的壓縮功能。此外，你也可以正常儲存影像，然後使用網路工具（例如TinyPNG或JPEG Mini）來簡化壓縮過程。

雖然有點繁瑣，但在將影像上傳到WordPress網站之前，這兩種方法都允許你進行壓縮。另外還有一些流行的影像最佳化外掛，例如Optimole、EWWW Image Optimizer，以及其他一些可以在上傳影像時自動壓縮的選項，很多初學者甚至大型公司都喜歡使用這類外掛。

3. 尺寸

通常，從智慧手機或數碼相機匯入照片時，它們具有很高的解析度和較大的檔案尺寸，非常適合列印或桌面排版，但不適用於線上網站。

將影像檔案調整到更合理的尺寸，可以顯著降低檔案大小，你可以使用影像編輯軟體進行簡單地調整。例如，對於300 DPI解析度、4900×3200畫素、1.8 MB大小的原始照片，我們選擇輸出JPEG格式以獲得更高的壓縮率，並且將尺寸更改為1200×795畫素，這可以將檔案大小降低至103 KB，比原始檔案低94%。

最好的影像最佳化工具

如前所述，大多數影像編輯軟體都帶有最佳化和壓縮功能，我們建議你使用這些工具來最佳化影像，然後再上傳到網站，特別是如果你（像我們一樣）是一位完美主義者。這種方法可以幫助你節省WordPress託管賬戶上的磁碟空間，並且由於你手動檢視每張影像，因此可以保證最快的速度和最好的質量。

Adobe Photoshop：一款流行的影像處理軟體，可以儲存針對網路最佳化的影像。你可以設定不同的檔案格式，對於JPEG格式，還可以選擇不同的質量選項
GIMP：Photoshop的開源替代品，可用於最佳化網路影像，缺點是比較難以使用
TinyPNG：免費的網路應用程式，使用有失真壓縮技術來降低PNG檔案的大小，其姐妹網站TinyJPG專注於JPEG影像壓縮。他們有一個API可以自動轉換影像，還有一個WordPress外掛自動進行最佳化
JPEGMini：使用無失真壓縮技術，在不影響影像感知質量的情況下降低文件大小。你可以免費使用網頁版，或者購買桌面程式。他們也有付費API，自動幫你執行伺服器端最佳化
ImageOptim：這是一款macOS實用程式，透過查詢最好的壓縮引數、刪除不必要的色彩配置檔案來壓縮影像而不會降低質量。Windows的替代品是Trimage