WordPress 圖像優化：終極指南

已發表: 2020-11-13

WordPress 圖像優化涉及減少或壓縮 WordPress 網站上圖像的文件大小，而不會對圖像在屏幕上的顯示方式產生負面影響。 當您努力優化 WordPress 中的圖像時，您將加快您的網站和頁面速度，這最終有助於吸引更多新的網站訪問者。

在本指南中，我們來看看 WordPress 圖像優化是什麼，為什麼要優化圖像和圖像優化技術。 我們還研究了 WordPress 圖像優化插件、圖像分辨率和圖像格式。 最後，我們將總結 WordPress 圖像優化如何影響 SEO。 我們走吧！

在本指南中

    要了解圖像優化的重要性，請問自己一個簡單的問題：當您訪問一個新網站並且頁面加載不快時，您會怎麼做？

    如果你和很多人一樣，你可能會關閉它並繼續前進，對吧？ 至少，您會對網站加載所需的時間感到不耐煩和沮喪。 或者，如果你確實留下來，那隻是因為你真的對那個特定的內容感興趣。 閱讀完這篇文章後，您可能再也不會回到那個網站了。 該網站簡直太慢了。

    這種經驗與為什麼需要在 WordPress 中優化圖像有什麼關係？ 頁面加載時間通常受圖像大小的影響很大。 因此，在改善用戶體驗甚至您的 SEO 排名方面，WordPress 圖像優化發揮了重要作用。

    什麼是 WordPress 圖像優化？

    WordPress 圖像優化是一種減少圖像文件大小的技術，而不會對圖像在屏幕上的肉眼顯示方式產生負面影響。 WordPress 圖像優化的目標是縮小圖像文件大小，而不會注意到圖像質量有任何損失。

    可以使用不同的工具和技術以多種方式為 WordPress 網站優化圖像。 利用較小的文件大小意味著您可以用更多圖像填充您的網站，而不會降低其重量或使其運行速度變慢。

    在優化 WordPress 網站時，優化所有 WordPress 網站圖像應該是您優先考慮的事項。 圖像優化過程將使您的網站比以往任何時候都更輕，加載速度更快，吸引更多新用戶並讓他們回來查看更多內容。

    畢竟，無論您的內容有多棒，用戶是否在消費之前離開都無關緊要。

    為什麼要在 WordPress 中優化圖像？

    您應該在 WordPress 中優化圖像有四個主要原因。

    1. 加快頁面加載時間
    2. 改進 SEO（搜索引擎優化）
    3. 減少服務器負載
    4. 減少整體網站大小，以減少所需的資源
    5. 掌握重要的 WordPress 維護任務
    獲得獎勵內容：終極 WordPress 維護清單
    下載 PDF

    讓我們來看看 WordPress 圖像優化時頁面加載時間的一些細節。

    在 2020 年，一個需要 10 秒或更長時間加載的網站根本不會吸引用戶的注意力。 雖然沒有最佳目標頁面加載速度的確切定義，但最近的專家研究表明：

    1. 前十秒極大地影響了用戶在網頁上停留的時間。 如果所有內容沒有在這麼短的時間內顯示出來，讀者就會從您的頁面或帖子中跳出。
    2. 在 79% 的情況下，如果用戶對網站速度不滿意，他們將永遠不會返回該網站，因為速度是殺手。
    3. 更糟糕的是，整整 47% 的不滿意用戶不僅會親自拒絕您的網站，還會通過與朋友談論他們的體驗來勸阻其他用戶。 他們也更容易在社交媒體和谷歌上留下負面評論。

    所有這些統計數據意味著將您網站的頁面加載時間保持在 10 秒以下絕對至關重要。 實際上，您的目標應該少於三秒。 這就是 WordPress 圖像優化的用武之地。

    影響 WordPress 頁面加載速度的因素

    您希望您的 WordPress 網站加載速度更快，但您不確定從哪裡開始。 今天的主要焦點是圖像優化，您將在本文末尾有一個透徹的了解。

    但作為 WordPress 優化更大努力的一部分，了解影響您網站速度的所有因素非常重要。

    對於閃電般快速的網站，重要的是：

    1. 使用輕量級的圖像

    使用“輕量級”的圖像是通過圖像優化來實現的。 目標是在不損失任何質量的情況下將圖像壓縮到最大。 這個過程被稱為無損壓縮（我們稍後會詳細介紹）並且需要使用圖像優化器。

    2. 優化您的網站緩存

    WordPress 緩存通過減少網站訪問者的瀏覽器、網站的 WordPress 數據庫和網站的 Web 服務器之間的數據傳輸量來幫助您的網站更快地加載。 一個 WordPress 緩存插件，可在必要時手動和自動保留和清除您的站點緩存。

    3. 使用優質的 WordPress 主機

    嚴肅的 WordPress 網站所有者出於某種原因不會以每月 4 美元的託管計劃運行他們的網站。 雖然這些對於運行個人博客使用很少資源（並且沒有獲得大量流量）的個人來說可能很好用，但對於負載更高且需要更快網站速度的網站所有者來說，它們並沒有削減它。

    花一些時間尋找數據中心分佈在多個地區的優質託管託管服務提供商。 此外，在購買主機時比較服務器級別的響應時間。 這些因素肯定會影響您的網站為用戶加載的速度。

    4. 優化代碼

    為您的網站提供支持的代碼也需要優化，以加快頁面加載時間。 一般來說，優化 WordPress 網站上的代碼意味著：

    • 使用高質量的插件和主題
    • 保持您的主題和插件更新到最新版本
    • 不使用功能或特性重疊的插件
    • 卸載/刪除任何未使用的插件或主題。

    開發人員需要通過以下方式縮小代碼：

    • 刪除格式和註釋
    • 擺脫多餘的空間
    • 刪除未使用的逗號和代碼

    縮小所有資源中的代碼非常重要，包括 HTML、JavaScript 和 CSS。 為了縮小您的 HTML，一個強大的工具是 HTMLMinifier。 對於 JavaScript，試試 UglifyJS。 Closure Compiler 也值得研究。 說到你的 CSS，CSSNano 是一個不錯的選擇。

    5. 減少重定向

    有時需要設置重定向以避免那些討厭的 404 錯誤。 但如果可能，請始終避免所謂的“多用途重定向”。

    這意味著您的重定向來自例如 example.com > example.com/subdomain > example.com/subdomain/redirect.html。 在運行這些多個重定向的情況下，目標頁面在三秒或更短的時間內加載將非常困難。

    一個重定向沒問題。 不止一個通常不是。

    現在您已經了解了影響網站速度的其他因素，讓我們專注於優化您的 WordPress 圖像。

    歸根結底，無論您是運行一個小型企業網站還是為多個客戶管理多個 WordPress 網站，WordPress 圖像優化都是您想要實施的過程。

    WordPress 會自動壓縮圖像嗎？

    是和否。 隨著 WordPress 5.3 的發布，WordPress 核心引入了對上傳高分辨率圖像的改進支持。 其中包括您使用高質量相機或智能手機拍攝的圖像。

    • WordPress 5.3 中引入的圖像壓縮功能會檢測大圖像何時上傳，然後自動生成圖像的網絡優化版本。
    • 上傳後，圖像會自動調整為 2560 像素，這是 WordPress 中的新全尺寸。
    • 當您上傳的圖像調整大小時，“縮放”一詞會添加到您的文件名稱中。
    • 如果由於服務器超時而自動調整圖像大小失敗，WordPress 將不斷重試，直到生成優化的圖像。

    對 WordPress 核心的這次更新對於開發人員來說是一個重要的更新，他們可能沒有意識到他們的大圖像文件拖慢了他們網站的速度。 然而，WordPress 提供的內置圖像優化並不是一個很好的全面解決方案，也不是單獨為每個 WordPress 開發人員量身定制的。 這是一個很好的第一步，但要完全最大化您的圖像優化，您需要走得更遠。

    如何在 WordPress 中優化圖像？

    在 WordPress 中完全優化您的圖像並不太難。

    為您的 WordPress 網站優化圖像的主要方法有以下三種：

    1. WordPress 圖像優化插件，可讓您直接從 WordPress 管理儀表板完成工作。
    2. 預上傳圖像優化器軟件/應用程序——這些應用程序可以是像圖像優化器這樣的開源軟件，或者至少是一個照片編輯器，或者提供圖像尺寸調整功能的付費應用程序。 Photoshop 是高級軟件應用程序的一個示例，它允許您調整圖像分辨率以壓縮圖像以供 Web 使用。
    3. 在將圖像上傳到 WordPress 之前壓縮和優化圖像的免費在線服務。

    使用上傳前圖像優化器

    通常，優化圖像意味著對其進行壓縮。 圖像優化器或壓縮器是一種軟件程序，您可以將其安裝在個人設備上或通過 Web 瀏覽器在線訪問。

    要使用圖像優化器，您只需上傳圖像並允許程序對像素進行輕微更改。 這些電荷無法用肉眼檢測到，這就是該過程有時被稱為無損壓縮的原因。

    當您將音頻文件壓縮為 MP3 時，會應用相同類型的技術。 在這個過程中，高頻以一種耳朵無法檢測到任何變化的方式被策略性地降低。

    上傳前圖像優化工具選項

    在將圖像上傳到 WordPress 之前，您有很多工具可以壓縮和優化圖像。

    1. 桌面照片編輯器

    如果您是 Photoshop 的普通用戶，則可能不需要進一步壓縮圖像。 這是因為您可以以您喜歡的任何分辨率導出新創建的圖像。

    大多數其他桌面照片編輯器的原理相同。 但實際上，如果您還沒有使用 Photoshop 為您的網站創建圖像，那麼您可能不會花時間學習這樣一個僅用於壓縮圖像的複雜程序。

    但是，像 Photoshop 這樣的桌面照片編輯器是壓縮和優化圖像的獨立選項。

    2. 移動應用程序和在線照片編輯器

    照片編輯應用程序和在線照片編輯器（如 Fotor 和 Pixlr）用於進行基本的照片編輯。 其中許多工具還包括在將圖像上傳到 WordPress 之前優化圖像的選項。

    然而，就像使用 Photoshop 來完成這項工作一樣，使用這些類型的工具幾乎感覺像是矯枉過正。 其中一些解決方案是有代價的，您可能不會使用它們的大部分其他功能。

    3. 基於 Web 的圖像壓縮器

    如果您想在將圖像上傳到 WordPress 之前對其進行優化，那麼基於 Web 的專用軟件可能是您的最佳解決方案。

    只需在 Google 上搜索“在線圖像壓縮器”一詞，然後選擇名稱最有趣的免費壓縮器即可。 它們中的大多數以完全相同的方式工作。

    選擇您喜歡的一種後，您需要做的就是上傳圖像並選擇要應用的壓縮類型。

    此外，許多基於 Web 的服務提供批量優化選項，如果您需要優化大量文件，這些選項非常有用。

    WordPress 圖像優化插件

    如果您想要一個在您的 WordPress 內容管理系統中正常工作的 WordPress 圖像優化器，那麼圖像優化插件就是您的最佳選擇。

    使用 WordPress 圖像優化器插件，您只需將圖像上傳到 WordPress，插件就會自動將其壓縮為您預定義的設置。 如果您願意，您還可以手動壓縮和優化每個圖像。

    在 WordPress 插件庫中，您會發現許多用於優化圖像的插件。 一些最好的 WordPress 圖像優化插件選項是：

    Smush – 延遲加載圖像、優化和壓縮圖像
    EWWW 圖像優化器
    壓縮 JPEG 和 PNG 圖像

    選擇最容易使用的一種，並根據您的需要進行定制。

    注意：我們只建議使用這些 WordPress 圖像優化插件之一。 正如我們之前提到的，最好不要在具有類似功能的插件上加倍。

    什麼是最佳圖像分辨率？

    通常，基於 Web 的圖像分辨率的理想目標是 72 PPI。 然而，網站並沒有一個公認的、通用的“完美圖像分辨率”。 基本上，如果壓縮圖像在上傳後在您的網站上沒有出現像素化或扭曲，則圖像分辨率非常適合在您的網站上使用。

    與打印行業不同，打印行業所需的圖像分辨率為 300 DPI（每英寸點數），您需要在繼續之前檢查上傳的圖像在大型計算機顯示器上的顯示效果。

    尺寸重量比怎麼樣？

    顏色在圖像“重量”方面起著重要作用。 一張大小為 1000×800 像素且元素很少的簡單黑白照片可能重約 100 KB。 但是，具有高對比度和鮮豔色彩的完全相同像素大小的照片有時會超過該數量的八倍。

    您的站點主機可能會限制您的最大重量並限制您可以上傳的文件大小。 但是大小重量比將始終依賴於圖像的結構。

    也就是說，WordPress 圖像沒有最佳的大小重量比。 在不犧牲視覺質量的情況下，盡最大努力將它們保持在盡可能低的水平。

    什麼圖像格式最適合 WordPress 網站？

    有關圖像大小和質量的官方 WordPress 文檔建議您在 WordPress 驅動的站點上使用 JPEG 或 PNG 文件。 因此，這些是所有 WordPress 網站上發布的最常見的圖像格式。

    根據您發布的具體內容，JPEG 和 PNG 文件的工作方式略有不同。

    JPEG（或 .jpg）文件非常適合所有光柵（由像素而不是線組成的圖像）。 特別是照片幾乎總是保存為 JPEG 文件。

    當您將照片另存為 JPEG 時，它通常會自動按一定百分比進行壓縮。 頂級照片編輯器允許您準確控制壓縮過程刪除了多少細節。

    最好在這裡選擇絕對最小壓縮量，然後稍後使用我們已經討論過的圖像優化器之一壓縮圖像。 這有助於避免圖像失真。

    PNG 文件用於藝術線條和照片。 當您將圖像保存為 PNG 時，它將被壓縮而不會丟失任何細節。 但是，PNG 文件通常比 JPEG 大得多。 這種文件格式最適用於矢量文件。 無論大小，它們都不會變形。

    WordPress 也支持 GIF 格式的圖像。 但是，這不是我們推薦使用的格式，因為無論您轉換文件多麼小心，它都會導致最大程度的失真。

    WordPress 網站是否受益於圖像優化？

    這個問題的簡單答案是肯定的。 例如，您的網站是否在每個頁面的頂部顯示您的專有徽標並在您的網站上發布？ 您可能不相信該圖像文件有多麼沉重，或者僅憑這一點就會降低您網站的性能。 嘗試優化它並檢查它在站點速度和性能方面的差異。

    您是否幾乎每天都將新圖片上傳到您的博客？ 您目前是否正在管理擁有數百張產品圖片的電子商務商店？ 如果是這樣，請不要忘記在 WordPress 上安裝一個插件，它會自動優化您上傳的新圖片以及您網站上已有的圖片。

    事實是，您的網站屬於哪個類別並不重要。 如果可能，請在您仍在設計網站時開始考慮優化其速度。 不要等到它準備好啟動。

    如果您的網站已經啟動，請使用上面提到的簡單插件之一來批量優化您網站上的所有圖像。

    圖片優化和搜索引擎優化

    雖然優化圖像並不是完善不斷變化的 SEO 規則的唯一答案，但網站的速度仍然是一個主要的決定因素。 這就是 WordPress 圖像優化對您的 SEO 策略如此重要的原因。

    圖片的大小可能會以多種方式對您網站的搜索結果產生負面影響。

    跳出率

    我們已經討論過使用大圖像文件會如何降低您的網站速度。 但是您是否知道像 Google 這樣的主要搜索引擎實際上會測量您的平均頁面加載時間，並將加載速度最快的網站在搜索結果中排名最高？

    搜索引擎還會測量他們抓取的每個網站的跳出率（當用戶登陸您的網站但沒有訪問第二頁或帖子就離開時）。 高跳出率的一個主要決定因素是網站速度慢。

    如您所見，高跳出率會使您的網站一落千丈到搜索引擎結果的底部。 然而，較低的跳出率會讓你在名單上名列前茅。

    更快的網站速度幾乎總是等於更低的跳出率。

    頁面優先級

    谷歌曾多次表示，頁面速度是網站排名和頁面優先級的一個非常重要的因素。 圖片平均佔整個網站存儲空間的 60% 以上。

    如果您不優化圖像，該數字可能會高得多。

    同樣，這意味著一個較慢的網站和較低的谷歌排名因素。

    這對企業不利。

    圖像元數據優化

    將元數據視為提供有關其他信息的更多信息的信息。

    對於圖像，元數據是您編寫並保存在圖像文件中的文本信息。 此信息對 Google 和其他搜索引擎可見。

    作為 WordPress 開發人員，優化圖像元數據所需要做的就是在將圖像上傳到媒體庫時填寫小表單。

    您需要輸入數據的區域是：

    • 替代文字
    • 標題
    • 標題
    • 蛞蝓

    通過在這些字段中應用對搜索引擎最友好的文本，您的圖片將更有可能出現在 Google 圖片搜索中。

    在 Google 圖片搜索中排名更高會為您的網站帶來比您想像的更多的流量。

    WordPress 圖像優化變得容易

    在閱讀本文之前，您可能還沒有完全了解 WordPress 圖像優化可以在多大程度上提高 WordPress 網站性能的各個方面。 當您使用上面詳述的方法和技巧優化圖像時，您的網站將能夠以與大男孩相似的水平執行。

    但是，當您的網站流量開始增加時，您準備好應對隨之而來的安全威脅了嗎？ 像 iThemes Security Pro 這樣強大的 WordPress 安全插件可以在這些威脅成為問題之前將它們扼殺在萌芽狀態。

    獲取獎勵內容：WordPress 安全指南
    點擊這裡

    如果最壞的情況確實發生並且您需要在安全漏洞（或其他災難）後恢復您的站點，您會很高興您有一個可靠的 WordPress 備份計劃，使用 WordPress 備份插件（如 BackupBuddy）。 相信我們，它將為您節省數小時的勞動和挫折。

    現在，讓 WordPress 圖像優化開始吧！