為您的 WordPress 網站提供 4 個圖像優化工具

已發表: 2018-10-18

優化站點的圖像對於在不犧牲質量的情況下保持高性能至關重要。 因此,手頭有專門的工具有助於使流程更輕鬆、更有效——尤其是在您運行大量圖像的網站時。

幸運的是,有很多方法可以“縮小”圖像的文件大小。 例如,有些網站可以讓您通過他們的算法運行圖像,WordPress 插件可以自動處理該過程,甚至還有用於需要額外“咕嚕”級別的網站的圖像優化服務器。

在這篇文章中,我將介紹一些需要考慮的解決方案。 然而,在此之前,讓我給你一個關於圖像優化的入門知識!

圖像優化:它是什麼以及為什麼需要它

圖像優化工具 wordpress 桌面場景與飛輪產品設計師優化圖像

首先,讓我們來談談作為“高級”概念的優化。 簡單來說,每個文件都會佔用一定的空間。 一些,例如 JavaScript 或 CSS 文件,大部分時間都是字面意義上的“字節大小”。 但是,文件包含的信息越多,其文件大小就越大。

圖像沒有什麼不同。 對於具有大量細節和顏色的高分辨率示例,您可以找到數十兆字節 (MB) 的文件。 然而,未經優化的圖像通常在 500KB 到 1MB 左右。

您可能認為這是可以接受的,但對於網站來說,它實際上是一個龐大的處理規模。 雖然我不會在這裡詳細介紹完整的技術細節,但頁面上的文件越大,加載所需的時間就越長。 您可能會在網站上有很多圖像,這意味著頁面大小會迅速增加,加載時間也會增加。

為了解決這個問題,圖像優化使您能夠在不影響圖像外觀的情況下減小圖像的文件大小。 有很多方法可以做到這一點,我稍後會討論它們。 現在,讓我們首先討論一下為什麼這如此重要。

為什麼需要圖像優化

從表面上看,圖像優化只是一種使圖像加載更快的解決方案。 然而,深入挖掘,很明顯這種技術對於網站獲得的流量、轉化率優化 (CRO)、搜索引擎優化 (SEO) 等至關重要。

這僅僅是由於用戶體驗 (UX),因為用戶不想等待網站加載。 此外,移動瀏覽的普及意味著網頁需要盡可能精簡,以便為用戶提供可靠的體驗,無論他們使用什麼設備。

因此,一個充滿未優化圖像的頁面將需要不必要的長加載時間。 因此,減小圖片的文件大小會對網站的跳出率和潛在轉化率產生重大影響。 考慮到這一點,讓我們討論如何實際優化圖像。

如何優化您的圖像

圖像優化工具 wordpress flywheeler 使用紅帽中的多個桌面和屏幕處理代碼

大多數圖像以大文件開始。 例如,使用相機拍攝的照片每個圖像文件可能約為 40MB。 這顯然太大了。

大多數圖像使用 Lightroom 或 Photoshop 等應用程序進行轉換。 這可以顯著減小文件大小——比如說大約 5MB——但不足以在網站上使用。

此時,您需要使用多種方法優化文件。 最常見的是:

  • 一個專門的網站,需要您上傳圖片,然後在優化後下載它們。
  • 插件——通常通過您的內容管理系統 (CMS),儘管 Photoshop 和 Lightroom 也可以使用自己的插件格式。
  • 圖像優化服務器,可以在不使用您網站資源的情況下處理數千張圖像。

為了進一步討論最後一個選項,在網站上執行的圖像優化(例如通過使用 WordPress 插件)有時會使用您的服務器資源。 如果您使用自己的資源使用解決方案壓縮多個大圖像,這可能會導致延遲和其他延遲,從而破壞優化的整體目的。

相比之下,使用專門的服務器來優化圖像。 主要的好處是,您基本上可以讓它做自己的事情,同時支付固定費用來優化盡可能多的圖像。

為您的 WordPress 網站提供的 4 個圖像優化工具

為了完善這篇文章,讓我們看一下優化圖像的四種不同解決方案。

  1. 小PNG
  2. 圖像優化
  3. 想像一下
  4. 短像素

1. 小PNG

來自 wordpress 插件網站的 tinypng 圖像優化徽標標記熊貓熊

TinyPNG 在圖像優化方面一直是一個堅定的選擇,並且是減小圖像文件大小的流行選擇。 雖然該名稱僅專門引用一種文件類型 (PNG),但它實際上能夠處理幾種不同的圖像類型。

使用網站很簡單。 您將圖像拖到界面上,算法會發揮作用,之後您可以下載新優化的圖像。 更重要的是,您將確切地看到新文件與原始文件相比要小多少。

雖然該網站可以說是主要吸引力,但還有一個 WordPress 插件可用,以及一個 Photoshop 插件。 但是,與此列表中的其他解決方案相比,高級計劃相當“小氣”。

此外,每個未優化圖像的最大容量限制為 5 MB。 大多數時候這不會成為問題,但是當您嘗試優化非常大的圖像時,它可能會讓您頭疼。 在這些情況下,您可能需要使用專門的應用程序。


2. 圖像優化

來自 wordpress 插件網站的 imageoptim 圖像優化徽標標記熊貓熊

您可能不想僅僅依靠在線解決方案來優化圖像,離線應用程序將是理想的選擇。 如果您使用的是 macOS,ImageOptim 是離線使用的可靠解決方案。 但是,對於 Windows 和 Linux 機器,還有其他類似的工具。

這個特殊的應用程序是低調的,並且與其他解決方案的工作方式相似,因為您將圖像拖到界面上,然後等待它優化它們的文件大小。 然而,雖然我喜歡這個從圖像中剝離 EXIF 數據等元素的工具,但它的還原能力是有限的。

簡而言之,當您的圖像超出您最喜歡的優化解決方案的最大文件限制時,我建議您使用專用應用程序。 通常,在使用其他工具進行更大的縮減之前,刪除文件中的多餘數據就足以“消除優勢”。


3.想像

從 wordpress 插件網站想像圖像優化徽標標記熊貓熊

如果您使用 WordPress 等 CMS,則該平台有很多插件可以幫助優化圖像。 Imagify 就是這樣一種選擇。

它基本上自動化了整個優化過程,讓您可以繼續您的業務,而不必擔心圖像是否會影響您的網站加載速度。 有很多選項可用於確保根據您的喜好減少圖像,並且您添加到媒體庫的任何圖像都會自動優化。

雖然基本插件是免費的,但除非您選擇高級計劃,否則您可以優化的圖像數量非常有限。 但是,這些產品價格合理,這意味著您只需花費很少的費用即可獲得近乎完整的解決方案。


4.短像素

來自 wordpress 插件網站的短像素圖像優化徽標標記熊貓熊

我在上一節中使用了“近乎完整”一詞,主要是因為該特定插件沒有提供一整套解決方案。 例如,圖片較多的網站將遭受前面討論的滯後,這意味著對您的頁面加載時間產生負面影響。

解決方案是找到一個選項,讓您在 WordPress 中自動化流程,同時處理批量優化而不影響您的資源。 輸入短像素。

就常年首選插件而言,ShortPixel 就在那裡。 它提供自動優化和非常合理的保費計劃。 但是,其他解決方案缺少一個技巧——使用專用服務器進行圖像優化的選項。

這為您提供了成為高級用戶的所有好處,同時提供了一個物理服務器來批量優化您扔給它的任何圖像。 更重要的是,通過 ShortPixel 處理的每張圖像都在雲端進行了優化,因此您網站的自身資源不會受到影響。

結論

圖像優化工具 wordpress flywheeler 在筆記本電腦上工作時微笑
泰森,飛輪的產品設計師之一

圖像優化是加快網站速度的重要方法,我認為它應該是一種自動考慮。 幸運的是,有很多解決方案可以做到這一點。 因此,沒有理由不擁有小巧但仍具有視覺吸引力的圖像。

這篇文章提供了圖像優化的入門知識,並介紹了四種可用的解決方案。 讓我們快速回顧一下它們:

  1. 小PNG。 這個受歡迎的網站可讓您使用簡單的在線界面快速減小文件大小。
  2. 圖像優化。 雖然它不是唯一可用的應用程序,但對於 macOS 來說,這是一個可靠的(如果是互補的)選擇。
  3. 想像一下。 這個外觀時尚且價格合理的 WordPress 插件適用於除了最苛刻的網站之外的所有網站。
  4. 短像素。 我認為這是最完整的軟件包,尤其是當您考慮他們專用的圖像優化服務器時。

您對圖像優化有任何疑問嗎? 在下面的評論部分讓我知道!

進一步優化您的網站。 下載此免費指南以提高您的 WordPress 速度和性能!