如何在 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 网站上。
安装插件后,激活它。
视网膜就绪图像生成
在媒体设置下,您会看到一个名为Perfect Images的新选项。
在那里,您会看到上传到媒体库的每张图片。
在右侧,您会看到两个选项:
- 建立缩略图
- 构建视网膜
在这篇文章中,我们将重点关注我们需要使用的第二个选项(Build Retina)。 如果您想了解更多关于缩略图的信息,请查看这篇文章。
此插件允许您单独或批量构建图像的视网膜版本。 要单独创建视网膜图像,请单击构建视网膜按钮,几秒钟后插件将生成图像的视网膜版本。
或者,如果您希望让所有图像都支持 Retina,请选择所有照片并按Build Retina for X Entries 。
在几秒钟内,该工具将为您选择的媒体文件创建视网膜就绪图像。 这是在 WordPress 中制作视网膜照片的最简单方法之一。
插件配置
您将在 WordPress 仪表板的左侧看到插件的设置。
转到Retinize选项卡。
在那里,您将看到所有图像尺寸。 您必须选择为这些尺寸构建 Retina 版本的选项。 在此示例中,我们将为大图像和中大图像尺寸创建视网膜图像。
启用“自动构建”选项以保持视网膜图像生成过程自动化。
就是这样! 这就是将现有图像文件转换为视网膜就绪的方法。
奖励:如何清理您的媒体库
当您使用 Perfect Images 创建视网膜就绪图像时,该插件会自动将图像文件的多个版本添加到媒体库中。 如果您打算使用这些图像,这会很方便。 但是,如果您不使用它们,最好将它们移除,以免它们占用不必要的存储空间。
好消息是您可以清理媒体库以优化所有内容。 在本节中,我们将介绍如何清理媒体库以最大化存储空间。 为此,我们将使用一个名为 Media Cleaner 的插件。
注意:我们建议在执行此任务之前生成完整的网站备份。 如果发生任何可怕的事情,您可以随时从以前的备份中恢复您的网站。
您需要做的第一件事是在您的 WordPress 网站上安装并激活 Media Cleaner。
激活后,检查媒体部分,您将看到插件的设置。
如果滚动到底部,您将看到一个扫描按钮。 单击它开始扫描过程。
这可能需要几分钟时间,具体取决于您的媒体库大小。 扫描过程完成后,它将向您显示所有未使用的图像。
您可以通过手动选择从那里删除单个图像,或者您可以通过选择它们然后按Delete All来单击一次删除所有未使用的照片。
这将帮助您拥有更干净的媒体库并节省宝贵的存储空间。 我们建议您定期执行此操作以优化您的媒体库并保持其清洁。
结论
使您的图像支持视网膜是一个好主意,特别是如果您有一个视觉上吸引人的图像站点。
正如您在本教程中看到的,您可以在几秒钟内使用 Perfect images 等插件制作视网膜图像。 该插件带有一个易于使用的仪表板,并具有最少的配置选项。
最重要的是,您还可以从列表中选择图像大小以生成视网膜就绪图像,尤其是它们。 您还可以启用“自动构建”选项以保持流程自动化。 这将确保所有上传的图像无需手动操作即可生成视网膜就绪版本。
但请记住,生成更多视网膜就绪图像将占用更多存储空间,因此请相应地进行规划。
您还可以查看我们的博客存档以获取更多 WordPress 教程和评论。
您可能喜欢的类似文章:
- 如何防止 WordPress 图像盗用
- 如何在 WordPress 中延迟加载图像
- 如何在 WordPress 中为图像加水印