您是否知道使用優(yōu)化后的圖像對(duì)WordPress網(wǎng)站的速度有著重要的作用？

在本文是關(guān)于從圖像的三個(gè)方面優(yōu)化圖片大小的教程。我們還將分享了一些優(yōu)化圖像的工具，讓您的生活更輕松。

1. 圖像是如何優(yōu)化的？

圖像的優(yōu)化是在不降低整體圖像質(zhì)量的情況下以盡可能小的文件大小保存和交付圖像的過(guò)程。

下面是優(yōu)化與未優(yōu)化映像的示例：

如果優(yōu)化得當(dāng)，相同的圖像最多可以比原始圖像小 80%，而不會(huì)降低任何質(zhì)量。在此示例中，圖像縮小了 52%。

簡(jiǎn)單來(lái)說(shuō)，圖像優(yōu)化是通過(guò)使用壓縮技術(shù)來(lái)工作的。

壓縮可以是“有損”或“無(wú)損”的。

無(wú)損壓縮減小了整體文件大小，絕對(duì)不會(huì)損失圖像質(zhì)量。使用有損壓縮時(shí)，質(zhì)量可能會(huì)略有下降，但理想情況下，訪問(wèn)者不會(huì)注意到它。

2. 網(wǎng)站上使用優(yōu)化圖像有那些好處？

雖然優(yōu)化圖像有很多好處，但以下是您應(yīng)該知道的最重要的好處：

• 更快的網(wǎng)站速度
• 提高SEO排名
• 更高的銷(xiāo)售和潛在客戶(hù)的總體轉(zhuǎn)化率
• 更少的存儲(chǔ)和帶寬（可以降低托管和 CDN 成本）
• 更快的網(wǎng)站備份（可以降低備份存儲(chǔ)成本）

圖像是網(wǎng)頁(yè)上僅次于視頻的第二大項(xiàng)目。

3. 如何保存和優(yōu)化圖像以提高 Web 性能

成功優(yōu)化 Web 性能圖像的關(guān)鍵是在最小的文件大小和可接受的圖像質(zhì)量之間找到完美的平衡。

在圖像優(yōu)化中起著巨大作用的三件事是：

• 圖像文件格式 （JPEG vs. PNG vs. GIF）
• 壓縮（更高的壓縮 = 更小的文件大小）
• 圖像尺寸（高度和寬度）

通過(guò)選擇三者的正確組合，您可以將圖像大小減小多達(dá) 80%。

讓我們更詳細(xì)地看一下其中的每一個(gè)。

1.圖像文件格式

對(duì)于大多數(shù)網(wǎng)站所有者來(lái)說(shuō)，真正重要的只有三種圖像文件格式是 JPEG、PNG 和 GIF。選擇正確的文件類(lèi)型在圖像優(yōu)化中起著重要作用。

如果圖片格式錯(cuò)誤無(wú)法在PS上編輯，在Windows中請(qǐng)右擊圖像以畫(huà)圖方式打開(kāi)，若圖片展示無(wú)誤在另存中以描述選擇所需的格式。

為了簡(jiǎn)單起見(jiàn)，您希望將 JPEG 用于具有多種顏色的照片或圖像，將 PNG 用于簡(jiǎn)單或透明圖像，將 GIF 用于僅用于動(dòng)畫(huà)圖像。

對(duì)于那些不知道每種文件類(lèi)型之間差異的人來(lái)說(shuō)，PNG 圖像格式是未壓縮的，這意味著它是更高質(zhì)量的圖像。缺點(diǎn)是文件大小要大得多。

另一方面，JPEG 是一種壓縮文件格式，它會(huì)略微降低圖像質(zhì)量以提供顯著更小的文件大小。

而 GIF 僅使用 256 種顏色以及無(wú)損壓縮，這使其成為動(dòng)畫(huà)圖像的最佳選擇。

在WPBeginner上，我們根據(jù)圖像類(lèi)型使用所有三種圖像格式。

2. 壓縮

接下來(lái)是圖像壓縮，它在圖像優(yōu)化中起著巨大的作用。

有不同類(lèi)型和級(jí)別的圖像壓縮可用。每個(gè)設(shè)置將根據(jù)您的圖像壓縮工具而有所不同。

大多數(shù)圖像編輯工具（如 Adobe Photoshop、ON1 Photo、GIMP、Affinity Photo 等）都具有內(nèi)置的圖像壓縮功能。

您也可以正常保存圖像，然后使用 TinyPNG 或 JPEGmini 等網(wǎng)絡(luò)工具更輕松地壓縮圖像。

雖然它們需要一些手動(dòng)工作，但這兩種方法允許您在將圖像上傳到 WordPress 之前對(duì)其進(jìn)行壓縮，這就是我們?cè)?WPBeginner 上所做的。

還有幾個(gè)流行的 WordPress 插件，例如 Optimole 和 EWWW Image Optimizer，它們可以在您首次上傳圖像時(shí)自動(dòng)壓縮圖像。這很方便，許多初學(xué)者甚至大公司都更喜歡使用這些圖像優(yōu)化插件。

3. 圖像尺寸

通常，當(dāng)您從手機(jī)或數(shù)碼相機(jī)導(dǎo)入照片時(shí)，它具有非常高的分辨率和較大的文件尺寸（高度和寬度）。

通常，這些照片的分辨率為 300 DPI，尺寸從 2000 像素開(kāi)始。雖然高質(zhì)量的照片非常適合印刷或桌面出版，但它們的大尺寸使它們不適合網(wǎng)站。

將圖像尺寸減小到更合理的尺寸可以顯著減小圖像文件大小。您可以使用計(jì)算機(jī)上的圖像編輯軟件簡(jiǎn)單地調(diào)整圖像大小。

例如，我們優(yōu)化了分辨率為 300 DPI 且圖像尺寸為 4900×3200 像素的照片。原始文件大小為 1.8 MB。

我們選擇了JPEG格式以獲得更高的壓縮率，并將尺寸更改為1200×795像素。文件大小減少到只有 103 KB。這比原始文件大小小 94%。

現(xiàn)在您已經(jīng)了解了圖像優(yōu)化的三個(gè)重要因素，讓我們來(lái)看看各種圖像優(yōu)化工具。

4. 最佳圖像優(yōu)化工具和程序

1.Adobe Photoshop

Adobe Photoshop 是一款高級(jí)圖像編輯應(yīng)用程序，可讓您將文件大小較小的圖像導(dǎo)出到 Web 上。

使用導(dǎo)出對(duì)話框，您可以選擇一種圖像文件格式（JPG、PNG、GIF），以提供最小的文件大小。

您還可以降低圖像質(zhì)量、顏色和其他選項(xiàng)，以進(jìn)一步減小文件大小。

2.TinyPNG

TinyPNG 是一款免費(fèi)的 Web 應(yīng)用程序，它使用智能有損壓縮技術(shù)來(lái)減小 PNG 和 JPEG 文件的大小。您所要做的就是訪問(wèn)他們的網(wǎng)站并使用簡(jiǎn)單的拖放上傳您的圖像。

他們將壓縮圖像并為您提供下載鏈接。

他們還有一個(gè) Adobe Photoshop 的擴(kuò)展，這是我們?cè)趫D像編輯過(guò)程中使用的擴(kuò)展，因?yàn)樗试S您從 Photoshop 內(nèi)部訪問(wèn) TinyPNG。

對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)，他們有一個(gè) API 來(lái)自動(dòng)轉(zhuǎn)換圖像。此外，對(duì)于初學(xué)者，他們有一個(gè) WordPress 插件可以為您完成。我們稍后會(huì)詳細(xì)討論這個(gè)問(wèn)題。

本文列出的工具并非完全好用，可通過(guò)網(wǎng)頁(yè)或人工智能助手查找適合自己的工具。