Cloudinary WordPress 插件：一探究竟

Cloudinary (媒体托管和优化服务) 推出了其 WordPress 插件的全新版本 (v3)，它 _真正做到了_。首先，让我们从高级角度看看这个插件的主要功能。

• 它接管了你的媒体处理。图像和视频由 Cloudinary 代替你自己的服务器提供，这有很多好处。但不用担心，你的资产也_仍然_在你的服务器上，所以不会存在锁定问题。
• 它尽可能高效地提供你的图像和视频。所有内容都经过优化，以最佳格式提供，并使用自适应图像和延迟加载等技术，同时提供良好的加载体验。总的来说，这些功能对性能有巨大的帮助。
• 它提供了一个具有丰富功能的图像库块。

设置起来非常简单，只需要从你的 Cloudinary 帐户复制粘贴即可。

所以，是的，你需要一个 Cloudinary 帐户。 你可以在这里查看可编程媒体计划。 存在一个免费层级，这可能适用于大多数网站，而付费计划则可以满足媒体需求量大的网站，你可能会发现其价格非常合理。获取帐户后，将连接字符串 (从你的仪表板获取) 放入这个快速入门向导中，你就基本上完成了。默认设置很好。

你可以什么都不做，这个插件就会发挥其魔力，但浏览所有设置也是很有趣的。

以下是常规设置

这两个 (默认) 设置很重要。自动同步很好，因为它会将所有图像 (甚至包括你_现有_媒体库中的所有图像) 同步到 Cloudinary，并保持同步。这是托管你的图像 (并进行“转换”等可选操作) 所必需的，但你也可以将其视为备份。当你将“Cloudinary 和 WordPress”用作存储设置时，意味着媒体将被上传到你的服务器和 Cloudinary。我强烈推荐这种方式，但如果你碰巧遇到了 WordPress 主机存储空间非常有限或没有存储空间的情况，你可以直接将图像上传到 Cloudinary (仅此而已)。

在图像设置中，你可以看到 Cloudinary 的两大杀器：f_auto 和 q_auto，分别代表“自动图像格式化”和“自动质量压缩”。我强烈建议保留这些默认设置。这意味着任何设备上的任何浏览器都可以获得图像的最佳格式，并且 Cloudinary 会根据该图像的具体情况调整质量。Cloudinary 拥有非常出色的技术来完成这项工作，所以就让它来做吧。

存在“正确处理图像”清单。

请记住，我们最近发表了相关博文。将图像托管在 CDN 上。优化图像。以请求浏览器支持的最佳格式提供图像。使用自适应图像。延迟加载图像。这些都不容易实现，而这仅仅是部分清单。好消息是：这个插件可以_为你完成所有这些工作_，而且它做得很好，无需你费心。

我喜欢查看输出结果。这是实践检验真理的时刻。从这里可以看到自适应图像已正确实现，并且提供了多种尺寸。我可以看到图像源指向 Cloudinary CDN。我可以看到延迟加载已实现并正常工作。我可以看到width 和 height 属性已按预期存在，以确保在加载期间保留图像的空间。这就是一切。

它还额外提供了托管主题中使用的图像的功能。

它甚至会用 Cloudinary 托管的版本替换主题样式表中的 CSS background-image。这太_棒_了。一定用了一些非常巧妙的 WordPress 过滤器。

图像库块只是锦上添花。

我喜欢看到它出现在这里

为什么？因为它表明这个插件是_现代_ WordPress 的一部分。块编辑器 WordPress。这个块本身很简单，但很有用。它以多种有用的布局显示图像，并提供“灯箱”效果 (哇，我已经很久没有打过“灯箱”这个词了)。嘿，有时你只需要一个图像库，你也可以使用一个做得好的图像库。

我有什么资格说呢？

我只不过是一个卑微的博主而已。但我可以告诉你，我一直都在关注它的发展。很久以前，我在 CSS-Tricks 上实现了一个手动 Cloudinary 集成，因为我想要所有这些功能。但我最终不得不放弃，因为它的技术债务太多，我无法维护。

WordPress 插件的先前版本已经很不错了，但直到现在的 v3 版本，这个集成才真正做到了完美。

在我拆除自定义集成后的不久，我就发表了一篇博文 “使用图像管理服务的流程注意事项”，概述了我认为将第三方图像托管集成到网站的 (相当高的) 门槛。这要求很高，我不确定是否有人会找到动力和意愿来完成所有这些工作。但现在 Cloudinary 已经做到了。我认为这是我所能想象的完美的媒体管理插件。