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

更新時間:2022-04-25 / 文章作者:Jason Chow

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

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

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

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

Jason崇尚科技和創業精神, 喜歡創建網站。 您可以通過 Twitter 與他取得聯繫。