海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

无论您的网站如何优化,图像始终是页面上加载最慢的元素之一。 如果您想最大限度地提高 WordPress 的速度,您需要实施一种专门针对图像的策略——也称为 WordPress 中的图像优化。

今天的帖子分享了通过减小​​文件大小来优化图像的六个快速技巧——所有这些都是以速度的名义。 如果您想要一个闪电般快速的 WordPress 网站,请继续阅读!

WordPress 中的图像优化技巧 #1:选择正确的文件类型

使用 Photoshop 等图像编辑软件时,可以指定要另存为的文件类型。 绝大多数在线图像都属于两种文件格式——JPEG 和 PNG。

那么你应该使用哪一个? 嗯,这取决于。 两种选择各有利弊,选择在很大程度上取决于场景。

  • JPEG格式 – JPEG 是显示各种颜色的照片和其他图像的最佳选择。 它们也可以被压缩,以牺牲质量来减小文件大小。
  • PNG – PNG 在图形、绘图、文本和一些屏幕截图方面胜出。 与 JPEG 不同,它们还支持透明度。 这种格式使用无损压缩,这导致更高的质量和更大的文件。

通常,文件格式由我们正在使用的图像类型决定,如上所述。 然而,选择的后果是什么? 错误的 文件格式,就文件大小而言?

好吧,让我们来看看几个场景来测试一下。

我的 WordPress 仪表板的这个全尺寸屏幕截图是 150kb 的 PNG 格式,但 259kb 的 JPEG 格式。 请记住,屏幕截图通常是 PNG 的领域——JPEG 的体积要大 75% 左右。

WordPress 示例中的图像优化 - PNG 截图

海外社媒SNS代运营Tiktok代运营公司

(编者注。PNG 对大多数屏幕截图都很好,但不是全部。如果您的屏幕截图使用了多种颜色 – 即当您的屏幕截图在其中某处包含照片时 – 您是最好还是用 JPG。)

然而,我在假期拍摄的这张照片的全尺寸版本返回了相反的结果。 JPEG 格式的照片为 1.26mb; PNG 高达 7.23mb。 这意味着 PNG 大了 550% 以上(哎呀!)。

WordPress 示例中的图像优化 - JPEG 图片

这说明了正确的文件格式对图像大小的重要性。 如果按下,请遵守以下规则: 照片和多种颜色的东西,JPEG; 其他一切,PNG。

2. 调整图片大小

缩小图像的尺寸时,会减小其文件大小。 没有例外。

为了保持您的网站轻巧灵活,请确保尽可能地减小图像的物理尺寸——通常是缩小到您想要显示图像的尺寸。 如果您网站的最大宽度是 1000 像素,则没有理由上传 更宽的 大于 1000 像素。 大于必要的尺寸保证图像携带不必要的体积,从而使您更难在 WordPress 中正确地进行图像优化。

尽管 WordPress 缩略图功能可以显示较小尺寸的图像,但这不会改变相关图像的基本文件大小。 显然,摄影师和其他艺术家可以例外,他们可能希望显示链接到其全尺寸高分辨率作品的缩略图。

再次,请允许我展示您可以节省的费用。

我之前照片的全尺寸版本尺寸为 2592 x 1456 像素,大小为 1.26mb。 但是,让我们看看在将图像大小调整为几种流行宽度时文件大小缩小了多少。

WordPress 中的图像优化示例:

  • 1200 像素宽: 394kb
  • 1000 像素宽: 298kb
  • 800 像素宽: 219kb
  • 600 像素宽: 154kb

如您所见,尺寸节省确实令人震惊!

要以节省时间的方式调整图像大小,您可以在 WordPress 网站上安装 Optimole,它会自动执行所有操作。 此外,它还带有 调整图像大小以获得最佳显示,这意味着图像不会以全尺寸加载,但它们会适应每个用户的视口。 换句话说, 无论您使用什么设备或屏幕尺寸,Optimole 都会加载完美的图像尺寸.

WordPress 中的 Optimole 图像优化

3. 裁剪图像

调整图像大小是减小文件大小的快速简便的方法。 它创建了您图像的精确副本,但所有内容都较小。

缩小图像超过某个点意味着某些元素几乎不可见。 当图像的焦点不再清晰时,这尤其成问题。

裁剪是调整大小的替代方法。 您不是缩小整个图像,而是在边缘修剪 – 就像在照片上使用剪刀一样。 您尝试显示的图像部分变得更加突出,并且您从背景中消除了所有干扰。

这里演示了如何使用可信赖的 WordPress 屏幕截图裁剪图像比简单地调整图像大小更好。

调整后的图像:

调整大小的图像

裁剪后的图像:

裁剪图像

当然,裁剪的好处是,就像调整大小一样,它可以减少图像尺寸,减少文件大小,因此是在 WordPress 中进行图像优化的好方法。

4. 较低的图像质量(有损压缩)

完成裁剪和调整图像大小后,您可以通过压缩它们来进一步减小文件大小。 尽管 PNG 也可以压缩,但这种技术对于 JPEG 尤其有效和流行。

现在,JPEG 支持一种称为 有损压缩. 这意味着一些图像数据被剥离以减小文件大小。

例如,如果两个相邻的像素显示 最小的 色差,我们可以避免使它们相同。 肉眼几乎无法检测到这种变化,但颜色越少,文件大小就越小。

使用图像编辑软件保存 JPEG 文件时,系统会要求您选择 0-100 的质量分数。 这实质上是图像质量和文件大小之间的权衡。

  • 高分: 较低的压缩率; 更高的质量; 更大的文件大小。
  • 低分: 更高的压缩率; 质量较低; 较小的文件大小。

一般来说,质量得分的微小变化对图像的整体质量几乎没有影响。 事实上,您的访问者不太可能分辨出其中的区别。

为了说明这一点,请参见下面的两张照片。 一个的质量得分为 100,一个为 80。哪个是哪个?

WordPress 照片 A 中的图像优化:

照片A

照片B:

照片B

点击此处揭晓

照片 B 的质量得分为 100。

很难区分,对吧? 但是,当涉及到文件大小时,白天和黑夜都不同:418kb 与 90kb。

但是,您不能永远降低质量,因为在某些时候,质量会下降。 下图的质量得分为 20:

较低质量的图像

当然,它可能只有 28kb,但我不想在我的网站上出现这个,是吗?

现在,没有完美压缩级别的黄金法则。 然而,与直觉相反,图像越复杂,在 WordPress 中实现最终图像优化的过程中,您就越能避免降低质量。
如果您正在寻找一种使用插件进行此操作的简单方法,请查看最好的 WordPress 图像优化器插件以了解每个插件的工作原理。

5. 在 CDN 上提供图像

网上的一切都是瞬间发生的,对吧? 不,实际上。 访问者所在位置与您网站服务器之间的地理距离会影响网站速度——距离越大,等待的时间就越长。

要解决此延迟问题,请考虑安装 CDN。 CDN 将您的网站存储在遍布全球的多台服务器上,然后将您的访问者连接到地理上距离他们最近的服务器。 延迟问题解决了,您的网站服务速度更快。

如果您想加快 WordPress 的速度,您会很高兴地了解到 Optimole 插件附带了自己的免费 CDN – 仅用于图像。

您需要做的就是安装并激活 Optimole。 – 您的图像将在创纪录的时间内显示出来。

对于一些更复杂——也更好——CDN 解决方案,请查看我们的另一篇文章。

6. 延迟加载

默认情况下,WordPress 软件平等对待所有图像。 然而,这显然是对资源的低效利用,尤其是当您想在 WordPress 中进行任何图像优化时。

毕竟,页面底部的图像要晚于页面顶部的图像才会被看到——难道第一张图像不值得优先考虑吗?

优先图像正是延迟加载所实现的。 页面顶部的图像优先,而折叠下方的图像仅在访问者向下滚动页面时加载。 这使得延迟加载 “正好” 相当于网页加载。

WordPress花园建议你也读一下这篇文章  出版商还应该害怕重复的内容吗?

如果您想使用延迟加载来加速 WordPress, 优酷 将再次向您伸出援助之手。 这个插件很酷的地方在于它提供 低质量图像占位符功能 又名 延迟加载中间低质量图像,直到完全显示全尺寸图像.

它也是完全免费的。

交给你

我们总结的六个快速提示将帮助您在 WordPress 中进行图像优化。 如您所见,通过组合这些策略中的几种,您可以大大节省图像的文件大小。 您的访问者会因此而喜欢您 – 您的网站加载速度将显着加快!

如果您使用像 Optimole 这样的插件,优化您的图像实际上非常简单,它会自动为您完成所有工作(并且大部分是免费的)。

如果您有任何图像优化问题,请在下面的评论部分分享!

想让您的网站更快? 不要忘记我们关于如何加速 WordPress 的免费电子邮件课程:

免费指南

加快速度的 5 个基本技巧
您的 WordPress 网站

将您的加载时间甚至减少 50-80%
只需遵循简单的提示。

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts