您是否希望在您的 WordPress 网站上提供缩放图像?
初学者经常上传图像而不注意图像的大小,从而降低网站速度。提供正确尺寸的图像将提高您的 WordPress 性能,而不会降低质量。
在本文中,我们将向您展示如何在 WordPress 中轻松提供缩放图像。
为什么在 WordPress 中提供缩放图像?
在您的WordPress 网站上,您需要博客文章的图像、缩略图、页眉、封面图像等。
根据您的主题,这些图像将占用一定数量的像素。例如,您的特色图像可能占用 680×382 像素和 100×100 像素的缩略图。
使用已缩放以适合您的网站所需的正确尺寸的图像非常重要。例如,如果您的精选图像占用 680×382 像素,那么您应该以完全相同的尺寸保存它们。
否则,您的网站速度可能会变慢,或者用户体验的质量将会降低。以下是一些常见原因:
- 您的访问者将不得不下载比所需更大的文件,从而增加加载时间。
- 如果您使用的图像像素少于允许的空间,那么当以较大尺寸显示时,它们会看起来模糊。
- 您的网站必须动态更改图像大小,这意味着它必须运行更多进程才能向用户显示内容。
无论如何,它会给您的用户带来不好的体验,也可能对您的图像搜索引擎优化产生负面影响。
这就是为什么如果您使用GTMetrix scan测试网站性能,它通常会建议您提供缩放图像以加快网站速度。
话虽如此,让我们来看看如何在 WordPress 中轻松提供缩放图像。我们将介绍两种方法:
方法 1:使用插件提供缩放图像
提供缩放图像的最简单方法是使用一个插件,该插件会自动以正确的尺寸显示您的网站图像。此方法最简单,但灵活性不如第二种方法。
免费的 Optimole插件是最好的 WordPress 图像压缩插件 之一 ,它会自动缩放您的图像。但是,如果您每月的访问量超过 5,000 名,那么您将需要 高级版本。
首先,您需要安装并激活 Optimole 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南 。
激活后,您将自动进入Media » Optimole页面,并要求注册 API 密钥或输入您现有的 API 密钥。这很容易。
只需确保您的电子邮件地址正确,然后点击“创建并连接您的帐户”按钮即可。然后将自动连接到 Optimole。您甚至不需要访问其他网站或手动粘贴密钥。
Optimole 现在将开始在后台优化您的图像。它将自动为每个访问者的设备和浏览器选择正确的图像尺寸,并且图像将从快速的 Optimole 云服务CDN提供。
当您单击“设置”选项卡时,您将看到帖子和页面中的图像将自动替换为 Optimole 优化和缩放的图像。
这不是即时完成的,因为它是通过 CDN 完成的,这意味着您的网站不会受到性能影响。
此外,该插件启用了延迟加载,这意味着页面上当前不可见的图像只有在需要时才会加载。这是减少页面加载时间并提高网站性能的另一种有效方法。
这些设置适用于大多数网站。但是,您可以使用“高级”菜单上的设置进一步自定义 Optimole,看看什么最适合您的网站。
如果您对设置进行任何更改,请不要忘记单击页面底部的“保存更改”按钮。
方法 2:手动提供缩放图像
您还可以在没有插件的情况下缩放图像。可通过三种方法执行此操作:您可以使用图像编辑软件、WordPress 媒体库中的图像编辑功能,或者更改 WordPress 媒体设置中的值。
使用图像编辑软件缩放图像
在将图像上传到网站之前,您可以使用计算机上的照片编辑软件(例如Adobe Photoshop或 Affinity Photo)将图像缩放到正确的尺寸。
该软件允许您为图像选择正确的像素数,并以较小的文件大小和您喜欢的文件格式保存它。
例如,下面是演示 Affinity Photo 裁剪工具的屏幕截图。
除了从一开始就确定图像大小之外,在上传图像之前您还可以执行其他操作,以确保它们不会减慢您的网站速度。
有关更多信息,请参阅有关如何优化图像以提高 Web 性能的指南。
缩放 WordPress 媒体库中的图像
您知道可以在 WordPress 中进行基本的图像编辑吗?WordPress 的“编辑图像”功能允许您裁剪、旋转、翻转和缩放图像。
编辑帖子或页面时,您需要单击要编辑的图像。接下来,您应该单击“替换”按钮,然后从菜单中选择“打开媒体库”。
这将打开 WordPress 媒体库并选择图像。
右侧是一个区域,您可以在其中添加替代文本、标题、说明文字和图像说明。您还会发现“编辑图像”链接。
只需单击该链接即可访问“编辑图像”页面。
在这里,您将找到图像预览、编辑按钮以及缩放或裁剪图像时有用的其他几个选项。
要缩放图像,只需更改右侧“缩放图像”下的“新尺寸”值之一。
例如,该图像的分辨率非常大,为 2560×1637 像素。我们可以通过在第一个“缩放图像”字段中输入将其宽度减小到 1200 像素。
您需要更改的只是宽度,因为图像的高度值将自动更改以保持图像的比例。
之后,只需单击“缩放”按钮即可更改图像的分辨率。
请注意,您只能在 WordPress 中缩小图像。您无法通过增加图像尺寸来使图像变大。
有关详细说明,请参阅有关如何在 WordPress 中进行基本图像编辑以及如何裁剪和编辑 WordPress 帖子缩略图的指南。
在媒体设置中调整图像尺寸
当您将图像上传到网站时,WordPress 会自动创建多个不同大小的副本。您可以通过访问WordPress 管理区域中的设置 » 媒体页面来自定义这些尺寸。
在这里,您可以轻松更改缩略图、中型和大图像尺寸。
在某些网站上,您可能需要更多的图像尺寸,而不仅仅是缩略图、中型和大尺寸。您可以按照我们有关如何在 WordPress 中创建其他图像尺寸的指南来了解如何创建这些尺寸。
如果更改默认图像尺寸或创建其他图像尺寸,则只有新图像会受到影响。您需要重新生成现有图像的图像尺寸。
当您将图像添加到帖子或页面时,您可以在页面左侧的块设置中选择图像大小。
我们希望本教程能帮助您了解如何在 WordPress 中提供缩放图像。您可能还想了解如何创建登陆页面或查看我们的WordPress 社交媒体插件列表。