WordPress图像优化终极指南

每当启动一个新博客时，很多初学者只是简单地上传原始图像，而没有进行任何处理，这些较大的图像文件会使网页加载速度变慢，你可以通过优化图像来解决这个问题。

在这篇文章中，我们将展示如何优化图像以获得更快的性能而又不损失质量。此外，我们还会分享最好的WordPress自动图像优化插件，以便使你的建站过程变得更加容易。

图像优化是什么

图像优化是一种以最小的文件大小保存和传送图像，而几乎不会降低整体质量的操作。这个过程听起来似乎很复杂，但实现起来其实非常容易。很多插件和工具都可以自动将图像大小压缩80%，而不会造成明显的质量损失。

简而言之，图像优化使用有损数据压缩（Lossy）和无损数据压缩（Lossless）等技术来工作，有助于降低图像文件的整体大小，而质量损失几乎无法察觉。如果你曾经收到过WordPress托管支持或速度测试工具的图像优化建议，则意味着你需要减少图像文件的大小。

为什么优化图像很重要

优化图像可以带来很多好处，以下是最重要的几个方面：

更快的网页加载速度
提升搜索引擎优化排名
更多的销售、更高的客户转化率
更少的存储和带宽，有助于减少托管和内容分发网络（CDN）成本
更短的网站备份耗时，这可以降低备份存储成本

除了视频之外，图像是网页上最重要的元素，根据HTTP Archive的研究报告，图像占整个网页体积的21%。此外，快速加载的网页在搜索结果中排名较高，并且具有更好的转化率，因此，对于任何想要获得在线成功的个人和企业来说，图像优化都是必须得面对的事情。

根据Strangeloop的一项研究，网站加载时间每延迟1秒钟，可能导致7%的销售损失、11%的浏览减少，以及16%的客户满意度降低。如果这些数据不足以让你采取行动，你还应该知道，像谷歌这样的搜索引擎也为快速加载的页面提供优先的SEO处理。这意味着，通过优化网络图像，既可以加快网站速度，又能够提升搜索结果排名。

怎样优化图像

为了实现最好的网络性能，你需要在最小的文档大小和可接受的图像质量之间找到完美平衡。在图像优化过程中，有三个因素最值得注意：

文件格式（JPEG、PNG、GIF）
压缩（较高的压缩率=较小的文档大小）
图像尺寸（高度和宽度）

通过选择三者的正确组合，你可以将文档大小降低多达80%。

1. 文件格式

对于大多数网站而言，只需要关注三种图像文件格式：JPEG、PNG和GIF，正确的文件类型对于图像优化至关重要。简单来说，你应该对照片或色彩丰富的图像使用JPEG，对简单图像或需要透明处理时使用PNG，对动画图像使用GIF。

PNG格式未经压缩，质量相当高，但文档通常很大
JPEG是一种压缩的文件格式，会稍微降低图像质量，以提供明显更小的文档
GIF仅使用256色以及无损压缩，这使其成为动画图像的最佳选择

2. 压缩

图像压缩具有不同的类型和级别，每种设置都会因为你使用的压缩工具而有所不同，但大多数图像编辑工具都有内置的压缩功能。此外，你也可以正常保存图像，然后使用网络工具（例如TinyPNG或JPEG Mini）来简化压缩过程。

虽然有点繁琐，但在将图像上传到WordPress网站之前，这两种方法都允许你进行压缩。另外还有一些流行的图像优化插件，例如Optimole、EWWW Image Optimizer，以及其他一些可以在上传图像时自动压缩的选项，很多初学者甚至大型公司都喜欢使用这类插件。

3. 尺寸

通常，从智能手机或数码相机导入照片时，它们具有很高的分辨率和较大的文件尺寸，非常适合打印或桌面排版，但不适用于在线网站。

将图像文件调整到更合理的尺寸，可以显著降低文件大小，你可以使用图像编辑软件进行简单地调整。例如，对于300 DPI分辨率、4900×3200像素、1.8 MB大小的原始照片，我们选择输出JPEG格式以获得更高的压缩率，并且将尺寸更改为1200×795像素，这可以将文件大小降低至103 KB，比原始文件低94%。

最好的图像优化工具

如前所述，大多数图像编辑软件都带有优化和压缩功能，我们建议你使用这些工具来优化图像，然后再上传到网站，特别是如果你（像我们一样）是一位完美主义者。这种方法可以帮助你节省WordPress托管账户上的磁盘空间，并且由于你手动查看每张图像，因此可以保证最快的速度和最好的质量。

Adobe Photoshop：一款流行的图像处理软件，可以保存针对网络优化的图像。你可以设置不同的文件格式，对于JPEG格式，还可以选择不同的质量选项
GIMP：Photoshop的开源替代品，可用于优化网络图像，缺点是比较难以使用
TinyPNG：免费的网络应用程序，使用有损压缩技术来降低PNG文件的大小，其姐妹网站TinyJPG专注于JPEG图像压缩。他们有一个API可以自动转换图像，还有一个WordPress插件自动进行优化
JPEGMini：使用无损压缩技术，在不影响图像感知质量的情况下降低文档大小。你可以免费使用网页版，或者购买桌面程序。他们也有付费API，自动帮你执行服务器端优化
ImageOptim：这是一款macOS实用程序，通过查找最好的压缩参数、删除不必要的色彩配置文件来压缩图像而不会降低质量。Windows的替代品是Trimage