如何減小您網站的圖像大小(不損失質量)

如何減小圖像大小

減小網站圖像大小對於確保訪問者獲得最佳體驗至關重要。 如此“沉重”意味著圖像也會導致頁面加載時間延長,這是谷歌討厭的。 留下未優化的圖像可能會導致搜索引擎結果頁面 (SERP) 排名後果。

網站所有者經常對圖片有愛恨交織的關係。 我們喜歡他們,因為他們可以為我們的用戶提供豐富的體驗。 然而,圖像通常會導致不成比例的資源開銷。 為避免這種情況,我們可以通過各種方式減小圖像大小;

  1. 手動調整圖像大小
  2. 使用圖片壓縮
  3. 將圖像轉換為其他格式
  4. 使用 WordPress 插件

如何縮小圖像文件大小

請記住,縮小圖像大小意味著減小文件大小,而不僅僅是減小像素尺寸。 

1.使用圖像編輯器

女士油漆

減小圖像大小最直接的方法是使用 Microsoft Paint(或 GIMP 如果你在 Linux)。 我在上圖中下載了一個相對較大的文件,最初的尺寸為 3724 x 2400 像素。 它佔用了 1.2MB,這對於網絡使用來說意義重大。

在 Microsoft Paint 中打開它,我將其大小調整為 1024 像素寬度,並按比例縮小高度。 這導致了一張只有 1024kb 大小的 659 x 273 像素的照片。 如您所見,照片文件大小的減少節省了原始文件大小的五倍以上。

2.使用圖像壓縮

圖像壓縮

圖像壓縮有助於進一步減小圖像尺寸。 每張圖片都包含顏色質量、像素密度等組件。 質量越好,照片的數據就越多,因此它佔據的尺寸也越大。

我們並不總是需要最優質的圖像來使用網絡,尤其是在這個移動設備時代。 因此,您可以使用在線工具壓縮圖像,例如 Optimizilla. 此工具允許您控製圖像質量以減小圖像大小。

通過將圖像質量設置為 70,我將按比例縮小的圖像從 274kb 減少到小於 80kb。 請記住,這是與超過 1.2MB 的原始圖像大小相比的。

3. 將圖像轉換為其他格式

在線轉換

圖像有多種類型,這會影響它們的質量和文件大小。 例如,JPG 格式的相同圖片可能比 BMP 格式的相同圖片小得多。 今天,許多網站正在轉向下一代圖像格式,例如 WEBP.

同樣,通過使用在線工具,如 在線轉換,我可以快速將原始的狼圖片從JPG轉換為WebP格式。 此更改導致更大的大小節省,WebP 文件現在只有 28.7kb。 

4.使用WordPress插件

斯馬什

如果您需要處理多個圖像並運行 WordPress 網站,還有更好的選擇。 即使沒有您的干預,圖像優化插件也可以完成上述所有操作。 著名的圖像優化插件的例子包括 EWWW 優化器, 圖像模糊Imagify.

使用這些插件的好處是它們可以獨立工作,一旦設置好就不用擔心了。 但是,使用插件會增加您網站的整體資源消耗,因此請明智地選擇您的插件。

關於減小圖像文件大小的最終想法

所示的各種方法並不相互排斥。 您可以選擇使用一個、兩個或全部三個,結果通常只會有所改善。 主要目標是在不犧牲太多圖像質量的情況下盡可能減小文件大小。

請記住,您的網站越輕,對您的讀者和您就越有利。 他們獲得更流暢的加載體驗,而您為存儲和帶寬支付的費用更少。 這是一個雙贏的局面。

閱讀更多

作者照片

文章 Jason Chow