如何在 WordPress 中优化图像?

已发表: 2021-09-08

图片是任何网站的重要组成部分。 它们可用于营造氛围、炫耀产品或为页面增添视觉趣味。 但有时,您的网站可能没有最好的图片来使其看起来最好。

幸运的是,WordPress 具有一些内置功能,可以帮助优化图像,使其加载速度更快,占用您网站上的空间更少,而不会影响质量!


在 GTmetrix + PSI 中查找未优化的图像

在您的网站上查找需要优化的图像的最佳方法是使用免费的在线工具,例如 GTmetrix 或 PSI。 这两种工具都会抓取您网站的文件,并为您提供易于理解的报告,说明需要优化哪些内容以加快加载速度。

GT Metrix 主页

使用 WordPress 插件 + 服务优化图像

还有很多 WordPress 图像优化插件(付费和免费),例如 EWWW Image Optimizer,它们在压缩图像以在您的网站上加载速度更快方面效果很好。

还有一些服务可以为您执行此操作,例如 TinyPNG 和 Kraken Image Optimizer,它们可以在完全不影响质量的情况下压缩图像。

图像优化器下载链接

使用正确的图像尺寸

就像您必须在上传之前在 WordPress 的编辑器中为博客的宽度调整图形、视频和其他媒体的大小一样,您还需要确保图像文件的大小也已调整。 这样做可确保您的任何图像都不会占用更多空间!

调整图像大小的人

缓存图像

优化图像的另一种方法是缓存它们。 这可确保您的网站加载速度更快,即使多人同时访问它,因为访问带有缓存图像的页面的访问者不必等待这些文件下载后才能看到任何内容!

一旦您安装并激活它,WP Smush 插件实际上会自动执行此操作(您绝对应该同时执行这两件事!)。 您还可以使用插件,例如 Autooptimize 或 Wp Super Cache,它们不仅可以缓存,还可以缩小代码。

WP 超级缓存插件

使用 LazyLoad 延迟屏幕外图像

LazyLoad 是 WordPress 中一项较新且鲜为人知的功能,可让您推迟加载图像,直到用户滚动到他们在您网站上的位置。 当他们这样做时,这些图像将很快加载,因为它们在第一次获取页面时没有加载!

半张脸的人

使用图像压缩

您可以使用两种不同类型的图像压缩:LZW 或 JPEG。 它们之间的区别更多地与它要进入的图形文件类型有关,而不是其他任何东西,因此请选择适合您情况的任何一种!

这是通过减少图像中使用的颜色数量来实现的,这意味着在浏览期间需要从服务器端传输到客户端的数据更少。 这减少了带宽使用以及加载时间。

图像压缩是任何网站必不可少的部分,WordPress 有许多压缩插件,可以更轻松地创建具有高质量图像的网站,而不会影响性能!

photoshop中的图像优化

以下一代格式提供图像

意识到有许多不同的图像格式很重要,并不是所有的图像格式都适合您的网站。 如果您希望提高任何网站的性能,则有必要使用下一代格式,例如 WebP 或 JPEG XR,它们通常比其他类型具有更好的压缩率。


指定图像尺寸

通过指定图像的尺寸,您告诉 WordPress 将它们放置在您的网站上时要使用多少空间。 这很重要,因为它减少了带宽压力,这意味着更快的页面加载时间!


从 CDN 提供图像

CDN 是一种快速有效的方式,可以从地理位置较近的服务器为您的网站图像提供服务。 这减少了延迟,这意味着用户的加载时间更快!


使用 CSS Sprite 组合图像

CSS Sprites 是一种图像,它实际上将所有较小的图像组合成一个大文件。 这很有用,因为它减少了对文件的请求数量,这意味着更快的加载时间——尤其是在移动设备上! 您可以使用 CSS 精灵生成器创建一个,然后使用 CSS 将其添加到您的主题中。


为移动设备使用自适应图像

自适应图像是为不同设备上的用户提供不同图像尺寸的好方法。 这减少了带宽使用和加载时间! 您可以使用 WordPress 插件来完成此操作,但您也可以通过许多其他方式免费完成此操作。

移动设备

禁用图片盗链

当您对图像进行热链接时,基本上您所做的是链接到其他人服务器上的原始文件。 禁用此功能可阻止人们窃取您的带宽,因此这是您想要做的事情。

您可以使用许多 WordPress 插件来做到这一点,例如 WP Rocket。 您通常也可以要求您的房东为您执行此操作(如果您有一个好的房东)。


删除 EXIF 数据

EXIF 数据是您在 WordPress 编辑器中看不到的隐藏信息,但其他人可能会看到。 它包含诸如相机的品牌和型号以及日期和时间设置之类的信息。 删除这将减少带宽使用!

此过程涉及使用图像清理工具,例如 JPEGsnoop 或 jhead,它可让您从站点上的图像中删除所有 EXIF 数据——而无需先下载它们!


在慢速连接时为用户提供较低质量的图像

这是您可以对图像执行的操作,但并非每个主题都可以选择隐藏它。 基本上它的作用是为连接速度较慢(移动或其他方式)的人提供较低质量的图像。 您可以使用 Optimole 插件执行此操作。

沙滩上的乌龟

为什么使用优化图像很重要?

图片可能是您网站性能的重要组成部分,因此优化它们很重要! 这将确保尽可能快速有效地加载图像。

您的网站加载速度越快,对用户和搜索引擎都越好! 加载时间最近在谷歌排名中被赋予了更多的权重(但只是轻微的),但即使这不是真的,你仍然希望确保一切都尽可能快地加载。

人们讨厌在网站上等待,尤其是移动用户——这使得优化图像成为任何 WordPress 网站的重要组成部分。 它还有助于搜索引擎优化,因为谷歌也喜欢快速加载的网站(有充分的理由)。

SEO 用陶瓷墙艺术拼出

结论

总之,图像是任何网站的重要组成部分。 它们可用于营造氛围、炫耀产品或为页面增添视觉趣味。

但是,有时原始图像可能没有得到足够的优化,并且可能会占用不必要的空间。 WordPress 具有许多优化这些文件的功能,因此它们可以在不影响质量的情况下加载得更快! 最好的方法是安装图像压缩插件,如 LazyLoad 或 PSI,如果需要,它会自动为您压缩和调整图像大小。 您还可以通过指定尺寸、使用 CSS 精灵、使用图像缓存和