如何縮小圖像大小以加快網站速度(2個步驟)

[ad_1]

學習如何減小圖像尺寸可以幫助您創建快速載入的網站,同時仍以精美圖像的形式為訪問者提供出色的體驗。

在本指南中,您將學習如何減小圖像尺寸而不損失質量。 我們將向您展示如何手動進行操作或使用免費的WordPress圖像優化插件。

網站的理想圖像文件大小是多少?

變數太多,無法聲明單個「理想」文件大小。 例如,具有許多生動細節的彩色圖像將始終大於具有白色背景和黑色文本的圖像。

一般的經驗法則是,您希望圖像儘可能小,而不會在很大程度上負面影響用戶體驗。

基本上,您希望儘快載入您的網站,同時仍要確保圖片對人類訪問者的外觀好看。 這是一種平衡的行為。

對於某些圖像,這可能是20 KB,而其他圖像可能需要200 KB。

如果按照本文中的步驟進行操作,則可以確保每個圖像儘可能小,而不會影響訪問者的體驗。

如何縮小圖像尺寸(分兩個步驟)

減少圖像大小主要有兩個步驟:

  1. 將圖像的尺寸調整為儘可能小。
  2. 壓縮圖像以進一步減小文件大小。

1.將圖像調整為適合您網站的最佳尺寸

您要做的第一件事是確保將圖像保存為要在網站上使用的尺寸。 根據您使用的是Mac還是Windows計算機,此過程將略有不同。

哪個圖像尺寸最好? 好吧,這取決於您的WordPress主題。

大多數WordPress主題的內容區域約為750-850像素。

但是,由於高解析度屏幕的日益普及,您通常希望將此值翻倍,以便您的高解析度訪客仍然擁有出色的體驗。

如有疑問,將圖像調整為最大寬度為1,500 px是一個不錯的起點。

在Mac上調整圖像大小

您可以通過五個簡單的步驟在Mac上減小圖像大小:

  • 在「預覽」應用中打開要調整大小的文件
  • 轉到「工具」,然後選擇「調整大小」
  • 選中「重新採樣」框; 調整圖像大小時,將自動設置該工具以保持縱橫比
  • 輸入您要調整圖像尺寸的寬度; 高度將由程序計算

如何縮小圖像尺寸:Mac

調整圖像大小後,您可以將其另存為PNG或JPG,然後將其上傳到您的網站。

在Windows上調整圖像大小

在Windows上調整圖像大小也非常簡單。

您需要做的第一件事是在Paint中打開要調整大小的圖像。 然後,您可以從工具欄中的選項中選擇「調整大小」。

如何使用Paint在Windows上調整圖像大小

現在,您可以選擇減少圖像大小的數量; 您可以將其表示為百分比或通過更改圖像的像素總數來表示。 自動設置繪畫以保持調整尺寸圖像的縱橫比。

輸入理想的圖像尺寸後,按「確定」以調整圖像尺寸。

在Paint中選擇新尺寸

然後,您可以將文件另存為PNG或JPG,然後將其上傳到您的網站。

2.壓縮圖像以進一步減小其大小

擁有適當大小的圖像後,下一步是對其進行壓縮以進一步減小文件大小。

在這裡,我們將為您提供兩個選擇:

  1. Optimole –可以在上傳WordPress圖像時自動壓縮它們,還可以應用其他優化,例如WebP。
  2. TinyPNG –一個手動工具,您可以在將圖像上傳到WordPress之前使用。

Optimole(自動)

Optimole是一個免費的WordPress插件,當您將圖像上傳到WordPress時,它可以自動壓縮和調整圖像大小-您無需費力。

除了減少文件大小外,它還實現了其他一些性能優化策略,例如通過內容分發網路(CDN)提供圖像,延遲載入並將其轉換為WebP。

Optimole還可在您上載圖像時自動調整其大小。 因此,如果您使用Optimole,則實際上可以跳過第一步,讓Optimole為您做所有事情。

您可以通過幾個簡單的步驟在您的WordPress網站上安裝Optimole:

  • 轉到WordPress管理面板的「插件」區域
  • 點擊「添加新」
  • 使用搜索欄找到Optimole
  • 點擊「安裝」
  • 安裝插件後,單擊綠色的「激活」按鈕以開始使用Optimole

為了使用Optimole,您將被帶到指示您創建Optimole帳戶的頁面。 單擊「註冊和電子郵件API密鑰」按鈕,然後在出現的框中輸入您的電子郵件地址。

如何使用Optimole縮小圖像尺寸

再按一次按鈕發送驗證郵件。 然後,您可以在Optimole設置的下一頁上,從電子郵件中輸入API密鑰。

添加您的Optimole API密鑰

設置好之後,Optimole將自動檢查和優化媒體庫中的現有圖像。 當新圖像添加到媒體庫中時,Optimole還將自動優化它們。 這意味著減小圖像大小所需要做的就是將圖像上傳到WordPress網站。

最優價格

每月訪問量少於5,000個的網站可以免費使用Optimole。

最低級別的高級計劃的費用為每月$ 19.08,可允許多達25,000的每月訪問者。

TinyPNG(手動)

如果您願意手動操作,另一種減小圖像大小的方法是在將圖像上傳到WordPress之前對其進行壓縮。 此方法是100%免費的,但與使用Optimole相比,它需要做更多的工作。

本指南將向您展示如何使用TinyPNG,但是大多數在線圖像壓縮工具的工作方式基本上相同。

要使用TinyPNG,您需要做的就是將一個或多個圖像拖放到界面中。

如何使用TinyPNG壓縮減小圖像大小

然後,TinyPNG將自動壓縮圖像並準備好進行下載。 如果選擇了多個圖像,則可以選擇將其作為.zip一起下載。

然後,您需要將這些壓縮圖像上傳到WordPress網站。

最後的想法

學習如何減小圖像尺寸對於優化網站速度至關重要。

為了減小圖像大小,您首先需要在計算機上調整圖像大小,然後再將其上傳到您的網站。

那麼你就可以:

  • 使用Optimole來優化圖像,並為所有將來的圖像進行自動優化。
  • 使用TinyPNG或TinyJPG之類的在線工具來手動壓縮圖像。

有關如何縮小圖像尺寸的更多信息,請查看以下文章:

您還有關於縮小圖像尺寸的疑問嗎? 在評論中問我們!

相關文章