為您的 WordPress 網站提供 4 個圖像優化工具
已發表: 2018-10-18優化站點的圖像對於在不犧牲質量的情況下保持高性能至關重要。 因此,手頭有專門的工具有助於使流程更輕鬆、更有效——尤其是在您運行大量圖像的網站時。
幸運的是,有很多方法可以“縮小”圖像的文件大小。 例如,有些網站可以讓您通過他們的算法運行圖像,WordPress 插件可以自動處理該過程,甚至還有用於需要額外“咕嚕”級別的網站的圖像優化服務器。
在這篇文章中,我將介紹一些需要考慮的解決方案。 然而,在此之前,讓我給你一個關於圖像優化的入門知識!
圖像優化:它是什麼以及為什麼需要它

首先,讓我們來談談作為“高級”概念的優化。 簡單來說,每個文件都會佔用一定的空間。 一些,例如 JavaScript 或 CSS 文件,大部分時間都是字面意義上的“字節大小”。 但是,文件包含的信息越多,其文件大小就越大。
圖像沒有什麼不同。 對於具有大量細節和顏色的高分辨率示例,您可以找到數十兆字節 (MB) 的文件。 然而,未經優化的圖像通常在 500KB 到 1MB 左右。
您可能認為這是可以接受的,但對於網站來說,它實際上是一個龐大的處理規模。 雖然我不會在這裡詳細介紹完整的技術細節,但頁面上的文件越大,加載所需的時間就越長。 您可能會在網站上有很多圖像,這意味著頁面大小會迅速增加,加載時間也會增加。
為了解決這個問題,圖像優化使您能夠在不影響圖像外觀的情況下減小圖像的文件大小。 有很多方法可以做到這一點,我稍後會討論它們。 現在,讓我們首先討論一下為什麼這如此重要。
為什麼需要圖像優化
從表面上看,圖像優化只是一種使圖像加載更快的解決方案。 然而,深入挖掘,很明顯這種技術對於網站獲得的流量、轉化率優化 (CRO)、搜索引擎優化 (SEO) 等至關重要。
這僅僅是由於用戶體驗 (UX),因為用戶不想等待網站加載。 此外,移動瀏覽的普及意味著網頁需要盡可能精簡,以便為用戶提供可靠的體驗,無論他們使用什麼設備。
因此,一個充滿未優化圖像的頁面將需要不必要的長加載時間。 因此,減小圖片的文件大小會對網站的跳出率和潛在轉化率產生重大影響。 考慮到這一點,讓我們討論如何實際優化圖像。
如何優化您的圖像

大多數圖像以大文件開始。 例如,使用相機拍攝的照片每個圖像文件可能約為 40MB。 這顯然太大了。
大多數圖像使用 Lightroom 或 Photoshop 等應用程序進行轉換。 這可以顯著減小文件大小——比如說大約 5MB——但不足以在網站上使用。
此時,您需要使用多種方法優化文件。 最常見的是:
- 一個專門的網站,需要您上傳圖片,然後在優化後下載它們。
- 插件——通常通過您的內容管理系統 (CMS),儘管 Photoshop 和 Lightroom 也可以使用自己的插件格式。
- 圖像優化服務器,可以在不使用您網站資源的情況下處理數千張圖像。
為了進一步討論最後一個選項,在網站上執行的圖像優化(例如通過使用 WordPress 插件)有時會使用您的服務器資源。 如果您使用自己的資源使用解決方案壓縮多個大圖像,這可能會導致延遲和其他延遲,從而破壞優化的整體目的。
相比之下,使用專門的服務器來優化圖像。 主要的好處是,您基本上可以讓它做自己的事情,同時支付固定費用來優化盡可能多的圖像。
為您的 WordPress 網站提供的 4 個圖像優化工具
為了完善這篇文章,讓我們看一下優化圖像的四種不同解決方案。
- 小PNG
- 圖像優化
- 想像一下
- 短像素
1. 小PNG

TinyPNG 在圖像優化方面一直是一個堅定的選擇,並且是減小圖像文件大小的流行選擇。 雖然該名稱僅專門引用一種文件類型 (PNG),但它實際上能夠處理幾種不同的圖像類型。
使用網站很簡單。 您將圖像拖到界面上,算法會發揮作用,之後您可以下載新優化的圖像。 更重要的是,您將確切地看到新文件與原始文件相比要小多少。
雖然該網站可以說是主要吸引力,但還有一個 WordPress 插件可用,以及一個 Photoshop 插件。 但是,與此列表中的其他解決方案相比,高級計劃相當“小氣”。
此外,每個未優化圖像的最大容量限制為 5 MB。 大多數時候這不會成為問題,但是當您嘗試優化非常大的圖像時,它可能會讓您頭疼。 在這些情況下,您可能需要使用專門的應用程序。

2. 圖像優化

您可能不想僅僅依靠在線解決方案來優化圖像,離線應用程序將是理想的選擇。 如果您使用的是 macOS,ImageOptim 是離線使用的可靠解決方案。 但是,對於 Windows 和 Linux 機器,還有其他類似的工具。
這個特殊的應用程序是低調的,並且與其他解決方案的工作方式相似,因為您將圖像拖到界面上,然後等待它優化它們的文件大小。 然而,雖然我喜歡這個從圖像中剝離 EXIF 數據等元素的工具,但它的還原能力是有限的。
簡而言之,當您的圖像超出您最喜歡的優化解決方案的最大文件限制時,我建議您使用專用應用程序。 通常,在使用其他工具進行更大的縮減之前,刪除文件中的多餘數據就足以“消除優勢”。
3.想像

如果您使用 WordPress 等 CMS,則該平台有很多插件可以幫助優化圖像。 Imagify 就是這樣一種選擇。
它基本上自動化了整個優化過程,讓您可以繼續您的業務,而不必擔心圖像是否會影響您的網站加載速度。 有很多選項可用於確保根據您的喜好減少圖像,並且您添加到媒體庫的任何圖像都會自動優化。
雖然基本插件是免費的,但除非您選擇高級計劃,否則您可以優化的圖像數量非常有限。 但是,這些產品價格合理,這意味著您只需花費很少的費用即可獲得近乎完整的解決方案。
4.短像素

我在上一節中使用了“近乎完整”一詞,主要是因為該特定插件沒有提供一整套解決方案。 例如,圖片較多的網站將遭受前面討論的滯後,這意味著對您的頁面加載時間產生負面影響。
解決方案是找到一個選項,讓您在 WordPress 中自動化流程,同時處理批量優化而不影響您的資源。 輸入短像素。
就常年首選插件而言,ShortPixel 就在那裡。 它提供自動優化和非常合理的保費計劃。 但是,其他解決方案缺少一個技巧——使用專用服務器進行圖像優化的選項。
這為您提供了成為高級用戶的所有好處,同時提供了一個物理服務器來批量優化您扔給它的任何圖像。 更重要的是,通過 ShortPixel 處理的每張圖像都在雲端進行了優化,因此您網站的自身資源不會受到影響。
結論

圖像優化是加快網站速度的重要方法,我認為它應該是一種自動考慮。 幸運的是,有很多解決方案可以做到這一點。 因此,沒有理由不擁有小巧但仍具有視覺吸引力的圖像。
這篇文章提供了圖像優化的入門知識,並介紹了四種可用的解決方案。 讓我們快速回顧一下它們:
- 小PNG。 這個受歡迎的網站可讓您使用簡單的在線界面快速減小文件大小。
- 圖像優化。 雖然它不是唯一可用的應用程序,但對於 macOS 來說,這是一個可靠的(如果是互補的)選擇。
- 想像一下。 這個外觀時尚且價格合理的 WordPress 插件適用於除了最苛刻的網站之外的所有網站。
- 短像素。 我認為這是最完整的軟件包,尤其是當您考慮他們專用的圖像優化服務器時。
您對圖像優化有任何疑問嗎? 在下面的評論部分讓我知道!

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