如何使用圖像優化來提高您的網站速度

最後更新日期為2019年5月31日

圖像是使您的網站更具吸引力的好方法,可以為您的設計和內容提供深度和背景。但是,在您的網站上託管圖像會對其性能產生巨大影響。前映圖像壓縮會極大地影響網站的載入時間和帶寬使用率,從而可能導致跳出率提高。

幸運的是,您可以通過優化圖像大小來避免這些問題。這是一種壓縮圖像文件(圖像壓縮)和調整質量設置以將文件大小從大格式縮小到更小的技術,從而在不影響整體質量的情況下載入更快的高質量圖像。

在本文中,我們將仔細研究圖像優化以及它如何提高網站的速度。我們還將介紹一些幫助您的解決方案(包括ShortPixel插件),並演示如何使用它來優化您自己網站上的圖像。讓我們開始吧!

為什麼圖像優化比你想像的更重要

圖像優化是指壓縮圖像文件以減小文件大小,同時保留儘可能多的圖像質量的過程。但是,如果最終結果沒有什麼不同,您可能想知道為什麼要費心去做。

雖然在您的網站上包含圖片將有助於吸引訪問者(並且可以創造奇蹟,使最複雜的文本更加可口),但它們確實帶來了缺點。圖像文件大小通常很大,在某些情況下會顯著增加,這會影響網站的性能並增加載入時間。

緩慢載入時間的最大問題是它對跳出率的影響,跳出率是指在與網站交互之前離開網站的人數。考慮到所有網路用戶中有一半希望在兩秒或更短的時間內載入網站,很明顯為什麼大圖像文件可能成為問題並對載入時間產生負面影響。

這就是圖像優化的用武之地。通過減少站點上的數據量,您可以大大減少載入所需的時間。它還可以節省存儲空間並減少帶寬使用,因為需要在您的站點和訪問者之間傳輸大量信息。考慮到這一點,讓我們來看看優化圖像所涉及的細節。

在GoWP,我們通過白標服務幫助代理商和網路專業人士管理,保護和更新客戶的WordPress網站。讓我們來解決頭痛問題,讓您專註於重要的事情 – 發展您的業務!

Go GoWP,拓展您的業務

如何使用離線圖像優化

您可以使用兩種主要的優化方法。您可以使用我們稍後會查看的WordPress插件,也可以使用「離線」解決方案。

後一種方法涉及使用工具(如應用程序或網站)進行圖像優化,然後您可以將其上傳到您的站點。這似乎是一個多餘的步驟,特別是如果您可以使用基於站點的插件,但使用離線解決方案實際上有許多獨特的好處。

首先,如果出現技術問題,您不會對伺服器造成任何壓力,也不會冒網站不兼容問題。您也不必擔心備份優化的圖像,因為您已經將它們保存在離線狀態。

如果您希望降低成本,請放心,您不需要投資Adobe Photoshop等工具,擁有gif視頻的高級技能,或了解其他技術術語,如「有損壓縮」等。可下載的工具ImageOptim或FileOptimizer既是免費的,也是開源的。對於快速簡便的基於Web的解決方案,Kraken.io可以免費使用,但提供帶有附加功能的高級版本。 TinyPNG是另一個簡單且免費的基於Web的工具,包括Dropbox集成:

使用TinyPNG優化圖像。

當然,WordPress插件是另一種選擇,所以我們現在來看看一些優質的解決方案。

4個WordPress插件,以幫助優化您的圖像

插件將非常適合直接從您的WordPress儀錶板處理圖像優化,並且還可能使該過程自動化。有幾個可用的選項,所以讓我們看一些最好的選項。

想像一下

Imagify插件

首先,Imagify提供了大量的自定義和功能,同時也很容易用於初學者,有多種文件格式選項。有一個慷慨的免費套餐,界面可以說是我們列表中最時尚的解決方案。讓我們簡要介紹一些關鍵特性:

  • 提供三種級別的壓縮:有損,有侵略性和超級。
  • 提供自動調整圖像大小的方法。
  • 包括批量優化和備份功能。

Imagify的免費版本使您每月可以優化高達25MB的圖像,但它們也提供了多種高級計劃。您可以獲得增加月度限額的訂閱,或者購買一次性計劃,為您提供特定數量的額外數據。

2. ShortPixel

ShortPixel插件。

接下來,ShortPixel是一個直觀而全面的插件,非常適合初學者和更有經驗的人。有三個級別的優化:有損壓縮,無損壓縮和「光澤」,以及批量優化,優化到低於5%的圖像不計入您的每月配額。此外,由於它會自動創建所有原始圖像的備份,因此您可以安全地測試插件,而無需擔心丟失原始質量設置。

  • 提供轉換為WebP格式的選項。
  • 不為圖像提供文件大小限制。
  • 為非營利組織提供免費優化信用。

免費套餐每月為您提供100個積分,其中一個積分等於一個優化圖像。您可以使用月度或一次性計劃購買額外的積分。

3. Kraken.io

Kraken.io插件。

前面提到的Kraken.io是流行的Web界面的插件版本,並提供了幾個自動優化的高級選項。與其他解決方案一樣,您可以批量優化映像,而高級層不基於每站點許可證。

  • 保留圖像元數據標籤。
  • 包含自動調整大小和旋轉的選項。
  • 增強調整大小的圖像以避免「暈圈」和下採樣。

與其他插件不同,只有免費試用層,可讓您優化高達100MB的圖像。如果您決定堅持使用Kraken,可以使用幾個月度和年度計劃。

4.壓縮JPEG和PNG圖像

壓縮JPEG和PNG圖像插件。

最後,壓縮JPEG和PNG圖像是由TinyPNG的製造商開發的插件,通過他們的服務自動運行圖像。它是用戶友好的插件之一,如果您已熟悉使用TinyPNG網站,這是一個很好的選擇。

  • 每月提供500次免費圖像優化。
  • 提供自動調整圖像大小的功能。
  • 對文件格式和文件大小沒有限制。
  • 自動將圖像從CMYK轉換為RGB顏色模式。
  • png,jpg和jpeg圖像文件格式。

免費版使您可以每月優化500張圖像,然後在接下來的9,500張圖像中每張優惠$ 0.009。您可以根據您的要求查看價格計算器以進行估算。

如何使用ShortPixel插件優化圖像(分3步)

現在我們已經研究了許多不同的優化圖像的解決方案,讓我們一步一步地完成整個過程。我們將使用ShortPixel插件來實現這一點,因為它是最直觀,最簡單的選項之一。

第1步:請求ShortPixel API密鑰

安裝並激活插件後,系統會提示您輸入API密鑰,該密鑰是將您的網站連接到ShortPixel的雲優化工具的標識字元串:

安裝後請求ShortPixel API密鑰。

如果您還沒有API密鑰,可以通過提供您的電子郵件地址並單擊「請求密鑰」來請求。這將為您生成一個密鑰,並使用ShortPixel創建一個免費帳戶。但是,如果您已有API密鑰,請在第二個文本欄位中輸入它,然後單擊「驗證」。

在您請求或輸入密鑰後,您將進入ShortPixel插件設置屏幕,該屏幕還會顯示您的API密鑰信息。

第2步:配置優化設置

ShortPixel提供了大量的圖像壓縮自定義功能,使您可以定製圖像的優化和顯示方式。設置分為「常規」和「高級」,如果要將它們設置為建議的默認值,則可以執行此操作。但是,讓我們快速瀏覽一下常規選項,以便了解您可以在此處執行的操作。

配置ShortPixel插件設置。

在此頁面上,您可以設置要應用的壓縮級別,如果要優化縮略圖以及完整大小的圖像,備份原始文件以及從優化圖像中刪除EXIF元數據,請切換。如果要自動調整任何圖像的大小,還可以在此處配置這些設置:

自動調整圖像大小的選項。

如果對設置滿意,可以單擊「保存更改」,或者如果要開始批量優化現有圖像,請單擊「保存並轉到批量處理」。

第3步:優化您現有的圖像

激活ShortPixel後,它會自動優化您上傳的所有圖片。但是,如果您已經擁有要優化的圖像庫,則可以使用批量優化工具(通過Word> Word中的Media> Bulk ShortPixel找到)進行優化。

當您打開該工具時,您將看到現有圖像的計數,包括縮略圖:

準備開始批量圖像優化。

準備好運行批量處理後,單擊「開始優化」按鈕。您現在可以按照該過程顯示為每個圖像尺寸和整個圖庫保存的空間量:

批量圖像優化正在進行中。

當這個過程完成後你就完成了!正如您所看到的,這是一個快速而輕鬆的解決方案,從長遠來看對您的站點非常有益。

在GoWP,我們通過白標服務幫助代理商和網路專業人士管理,保護和更新客戶的WordPress網站。讓我們來解決頭痛問題,讓您專註於重要的事情 – 發展您的業務!

Go GoWP,拓展您的業務

結論

圖像優化是解決潛在大問題的簡單方法。通過確保您的圖像文件儘可能小,您可以加快網站載入速度,降低丟失訪問者的風險並改善網頁上的整體用戶體驗。您還可以提高搜索引擎結果的可見性,並最大限度地減少帶寬使用。

通過使用離線優化解決方案或ShortPixel等WordPress插件,您可以在不影響圖像質量的情況下顯著提高網站的性能。

您對圖像優化有任何疑問嗎?請隨時在下面的評論部分詢問!

圖片來源:

如何使用圖像優化來提高您的網站速度
5(100%)3投票

相關文章