減小網(wǎng)站圖像大小對(duì)于確保訪問(wèn)者獲得最佳體驗(yàn)至關(guān)重要。如此“沉重”意味著圖像也會(huì)導(dǎo)致頁(yè)面加載時(shí)間延長(zhǎng)，這是谷歌討厭的。留下未優(yōu)化的圖像可能會(huì)導(dǎo)致搜索引擎結(jié)果頁(yè)面 (SERP) 排名后果。

網(wǎng)站所有者通常對(duì)圖像有愛(ài)恨交織的關(guān)系。我們喜歡他們，因?yàn)樗麄兛梢詾槲覀兊挠脩籼峁┴S富的體驗(yàn)。然而，圖像通常會(huì)導(dǎo)致不成比例的資源開(kāi)銷。為了避免這種情況，我們可以通過(guò)各種方式減小圖像大小；

• 手動(dòng)調(diào)整圖像大小
• 使用圖像壓縮
• 將圖像轉(zhuǎn)換為其他格式
• 使用插件

請(qǐng)記住，減小圖像大小意味著減小文件大小，而不僅僅是減小像素尺寸。

1.使用圖像編輯器

減小圖像大小最直接的方法是使用 Microsoft Paint（如果您使用的是 Linux，則為GIMP ）之類的工具。我在上圖中下載了一個(gè)相對(duì)較大的文件，最初的尺寸為 3724 x 2400 像素。它占用了 1.2MB，這對(duì)于網(wǎng)絡(luò)使用來(lái)說(shuō)意義重大。在 Microsoft Paint 中打開(kāi)它，我將其大小調(diào)整為 1024 像素寬度，并按比例縮小高度。這導(dǎo)致了只有 273kb 大小的 1024 x 659 像素的圖像。如您所見(jiàn)，圖像尺寸縮小節(jié)省了原始文件大小的五倍以上。

2.使用圖像壓縮

圖像壓縮有助于進(jìn)一步減小圖像尺寸。每個(gè)圖像都包含顏色質(zhì)量、像素密度等組件。質(zhì)量越好，照片的數(shù)據(jù)就越多，因此它占據(jù)的尺寸也越大。我們并不總是需要最優(yōu)質(zhì)的圖像來(lái)使用網(wǎng)絡(luò)，尤其是在這個(gè)移動(dòng)設(shè)備時(shí)代。因此，您可以使用Optimizilla等在線工具壓縮圖像。此工具允許您控制圖像質(zhì)量以減小圖像大小。通過(guò)將圖像質(zhì)量設(shè)置為 70，我將按比例縮小的圖像從 274kb 減少到小于 80kb。請(qǐng)記住，這是與超過(guò) 1.2MB 的原始圖像大小相比的。

3. 將圖像轉(zhuǎn)換為其他格式

圖像有多種類型，這會(huì)影響它們的質(zhì)量和大小。例如，JPG 格式的相同圖像可能比 BMP 格式的相同圖像小得多。如今，許多網(wǎng)站正在轉(zhuǎn)向 WebP 等下一代圖像格式。同樣，通過(guò)使用Online Convert之類的在線工具，我可以快速將原始狼圖像從 JPG 轉(zhuǎn)換為 WebP 格式。此更改導(dǎo)致更大的大小節(jié)省，WebP 文件現(xiàn)在只有 28.7kb。

4. 使用 WordPress 插件

如果您需要處理多個(gè)圖像并運(yùn)行WordPress網(wǎng)站，還有一個(gè)更好的選擇。即使沒(méi)有您的干預(yù)，圖像優(yōu)化插件也可以完成上述所有操作。著名的圖像優(yōu)化插件的示例包括EWWW Optimizer、Image Smush和Imagify。使用這些插件的好處是它們可以獨(dú)立工作，一旦設(shè)置好就不用擔(dān)心了。但是，使用插件會(huì)增加您網(wǎng)站的整體資源消耗，因此請(qǐng)明智地選擇您的插件。

關(guān)于減小圖像大小的最終想法

所示的各種方法并不相互排斥。您可以選擇使用一個(gè)、兩個(gè)或全部三個(gè)，結(jié)果通常只會(huì)有所改善。主要目標(biāo)是在不犧牲太多圖像質(zhì)量的情況下盡可能減小文件大小。請(qǐng)記住，您的網(wǎng)站越輕，對(duì)您的讀者和您就越有利。他們獲得更流暢的加載體驗(yàn)，而您為存儲(chǔ)和帶寬支付的費(fèi)用更少。這是一個(gè)雙贏的局面。