減小網站圖像大小對于確保訪問者獲得最佳體驗至關重要。如此“沉重”意味著圖像也會導致頁面加載時間延長,這是谷歌討厭的。留下未優化的圖像可能會導致搜索引擎結果頁面 (SERP) 排名后果。
網站所有者通常對圖像有愛恨交織的關系。我們喜歡他們,因為他們可以為我們的用戶提供豐富的體驗。然而,圖像通常會導致不成比例的資源開銷。為了避免這種情況,我們可以通過各種方式減小圖像大小;
- 手動調整圖像大小
- 使用圖像壓縮
- 將圖像轉換為其他格式
- 使用插件
請記住,減小圖像大小意味著減小文件大小,而不僅僅是減小像素尺寸。
1.使用圖像編輯器
減小圖像大小最直接的方法是使用 Microsoft Paint(如果您使用的是 Linux,則為GIMP )之類的工具。我在上圖中下載了一個相對較大的文件,最初的尺寸為 3724 x 2400 像素。它占用了 1.2MB,這對于網絡使用來說意義重大。在 Microsoft Paint 中打開它,我將其大小調整為 1024 像素寬度,并按比例縮小高度。這導致了只有 273kb 大小的 1024 x 659 像素的圖像。如您所見,圖像尺寸縮小節省了原始文件大小的五倍以上。
2.使用圖像壓縮
圖像壓縮有助于進一步減小圖像尺寸。每個圖像都包含顏色質量、像素密度等組件。質量越好,照片的數據就越多,因此它占據的尺寸也越大。我們并不總是需要最優質的圖像來使用網絡,尤其是在這個移動設備時代。因此,您可以使用Optimizilla等在線工具壓縮圖像。此工具允許您控制圖像質量以減小圖像大小。通過將圖像質量設置為 70,我將按比例縮小的圖像從 274kb 減少到小于 80kb。請記住,這是與超過 1.2MB 的原始圖像大小相比的。
3. 將圖像轉換為其他格式
圖像有多種類型,這會影響它們的質量和大小。例如,JPG 格式的相同圖像可能比 BMP 格式的相同圖像小得多。如今,許多網站正在轉向 WebP 等下一代圖像格式。同樣,通過使用Online Convert之類的在線工具,我可以快速將原始狼圖像從 JPG 轉換為 WebP 格式。此更改導致更大的大小節省,WebP 文件現在只有 28.7kb。
4. 使用 WordPress 插件
如果您需要處理多個圖像并運行WordPress網站,還有一個更好的選擇。即使沒有您的干預,圖像優化插件也可以完成上述所有操作。著名的圖像優化插件的示例包括EWWW Optimizer、Image Smush和Imagify。使用這些插件的好處是它們可以獨立工作,一旦設置好就不用擔心了。但是,使用插件會增加您網站的整體資源消耗,因此請明智地選擇您的插件。
關于減小圖像大小的最終想法
所示的各種方法并不相互排斥。您可以選擇使用一個、兩個或全部三個,結果通常只會有所改善。主要目標是在不犧牲太多圖像質量的情況下盡可能減小文件大小。請記住,您的網站越輕,對您的讀者和您就越有利。他們獲得更流暢的加載體驗,而您為存儲和帶寬支付的費用更少。這是一個雙贏的局面。