如何在 WordPress 中创建视网膜就绪图像

已发表: 2023-03-09

你想在你的网站上制作视网膜图像吗? 你来对地方了。 本文将涵盖您需要了解的有关视网膜图像的所有信息,并教您如何在 WordPress 中创建视网膜图像。

什么是视网膜就绪图像?

Retina-ready 图像是为更高像素密度显示器优化的图像。 标准显示器或监视器由数十万个称为像素的小方块组成。 当你有一个视网膜显示器时,像素的数量会增加一倍或三倍。 更多像素意味着更好的图像质量。

因此,当您在视网膜就绪显示器中显示标准图像时,图像会略微模糊。 为防止出现此问题,您可以上传针对视网膜显示器优化的图像,也称为视网膜就绪图像。 除了具有更高的质量外,这些图像还可以改善用户体验,因为它们更清晰,细节更多。

例如,当常规图像的宽度为 200 像素,高度为 200 像素时,同一图像的视网膜版本将为 400*400 像素。

请记住,与标准图像相比,视网膜图像的文件大小更大,因此在将所有现有照片转换为视网膜就绪之前请记住这一点。

视网膜图像与标准图像的比较

以下是您需要了解的有关标准图像和视网膜图像的一些信息。

  • 分辨率:就分辨率而言,视网膜图像胜出。 视网膜就绪图像的分辨率是标准图像的 2 或 3 倍。
  • 质量:视网膜就绪图像具有更高的质量。
  • 兼容性:即使您可以在 Retina 显示器上使用常规图像,它们也会有点模糊。 另一方面,支持 Retina 的图片可以在 Retina 显示器上无缝显示,提供最佳的用户体验。
  • 文件大小:由于 Retina 图像具有更高的质量和分辨率,它们往往比普通图像更大。

现在,您知道了这两种图像之间的主要区别,让我们更好地理解为什么在 WordPress 中使用视网膜就绪图像是个好主意。

为什么在 WordPress 中使用 Retina-Ready 图像?

如果您的网站依赖于视觉效果和图像,则视网膜图像是必须的。 它们不仅看起来更清晰,而且还能在您的网站上创造更好、更令人难忘的用户体验。

以下是视网膜就绪图像的一些优点:

  • 由于技术在不断发展,视网膜就绪图像是未来的证明
  • 更专业的外观
  • 提升用户体验
  • 视觉吸引力
  • 更适合 SEO 和更高的排名

在 WordPress 中使用视网膜图像也有一些缺点。 一些值得注意的是:

  • 更大的文件大小
  • 需要更多的存储空间
  • 会影响页面加载时间

现在您已经了解了视网膜图像的优缺点,让我们看看如何在您的站点上创建它们。

如何在 WordPress 中制作视网膜图像

在 WordPress 中制作视网膜图像的最简单方法是使用插件。 对于此演示,我们将使用免费版的 Perfect Images。

安装和激活

首先,登录到 WordPress 后端并转到Plugins > Add New 。 搜索 Perfect Images 插件并将其安装在您的 WordPress 网站上。

在 wordpress 中安装完美图像 - 视网膜就绪图像

安装插件后,激活它。

激活完美图像

视网膜就绪图像生成

媒体设置下,您会看到一个名为Perfect Images的新选项。

完美的图像设置

在那里,您会看到上传到媒体库的每张图片。

完美的图像媒体设置

在右侧,您会看到两个选项:

  • 建立缩略图
  • 构建视网膜

在这篇文章中,我们将重点关注我们需要使用的第二个选项(Build Retina)。 如果您想了解更多关于缩略图的信息,请查看这篇文章。

此插件允许您单独或批量构建图像的视网膜版本。 要单独创建视网膜图像,请单击构建视网膜按钮,几秒钟后插件将生成图像的视网膜版本。

构建视网膜

或者,如果您希望让所有图像都支持 Retina,请选择所有照片并按Build Retina for X Entries

大块视网膜

在几秒钟内,该工具将为您选择的媒体文件创建视网膜就绪图像。 这是在 WordPress 中制作视网膜照片的最简单方法之一。

插件配置

您将在 WordPress 仪表板的左侧看到插件的设置。

完美的图像仪表板设置

转到Retinize选项卡。

视网膜化

在那里,您将看到所有图像尺寸。 您必须选择为这些尺寸构建 Retina 版本的选项。 在此示例中,我们将为大图像和中大图像尺寸创建视网膜图像。

视网膜尺寸

启用“自动构建”选项以保持视网膜图像生成过程自动化。

自动构建

就是这样! 这就是将现有图像文件转换为视网膜就绪的方法。

奖励:如何清理您的媒体库

当您使用 Perfect Images 创建视网膜就绪图像时,该插件会自动将图像文件的多个版本添加到媒体库中。 如果您打算使用这些图像,这会很方便。 但是,如果您不使用它们,最好将它们移除,以免它们占用不必要的存储空间。

好消息是您可以清理媒体库以优化所有内容。 在本节中,我们将介绍如何清理媒体库以最大化存储空间。 为此,我们将使用一个名为 Media Cleaner 的插件。

注意:我们建议在执行此任务之前生成完整的网站备份。 如果发生任何可怕的事情,您可以随时从以前的备份中恢复您的网站。

您需要做的第一件事是在您的 WordPress 网站上安装并激活 Media Cleaner。

安装媒体清洁器

激活后,检查媒体部分,您将看到插件的设置。

wp 媒体清洁器

如果滚动到底部,您将看到一个扫描按钮。 单击它开始扫描过程。

扫描图像

这可能需要几分钟时间,具体取决于您的媒体库大小。 扫描过程完成后,它将向您显示所有未使用的图像。

媒体问题

您可以通过手动选择从那里删除单个图像,或者您可以通过选择它们然后按Delete All来单击一次删除所有未使用的照片。

删除所有图像

这将帮助您拥有更干净的媒体库并节省宝贵的存储空间。 我们建议您定期执行此操作以优化您的媒体库并保持其清洁。

结论

使您的图像支持视网膜是一个好主意,特别是如果您有一个视觉上吸引人的图像站点。

正如您在本教程中看到的,您可以在几秒钟内使用 Perfect images 等插件制作视网膜图像。 该插件带有一个易于使用的仪表板,并具有最少的配置选项。

最重要的是,您还可以从列表中选择图像大小以生成视网膜就绪图像,尤其是它们。 您还可以启用“自动构建”选项以保持流程自动化。 这将确保所有上传的图像无需手动操作即可生成视网膜就绪版本。

但请记住,生成更多视网膜就绪图像将占用更多存储空间,因此请相应地进行规划。

您还可以查看我们的博客存档以获取更多 WordPress 教程和评论。

您可能喜欢的类似文章:

  • 如何防止 WordPress 图像盗用
  • 如何在 WordPress 中延迟加载图像
  • 如何在 WordPress 中为图像加水印