Quicq 评论：实时 WordPress 图像优化
已发表: 2022-02-14您是否知道，平均而言，图像约占网页平均文件大小的一半？
这意味着，如果您使用未优化的图像，这些图像可能会对您网站的加载时间产生巨大的负面影响。
Quicq 是 Afosto 提供的一项服务，可让您实时全面优化网站图像，并通过 Google Cloud 支持的内容交付网络 (CDN) 提供服务。 除了性能之外，您还可以使用它轻松处理图像，例如裁剪、添加水印等。
它通过专用的集成插件与 WordPress 以及 Magento 和 PrestaShop 等其他平台一起使用。
在我们动手操作的 Quicq 评论中，我们将向您展示 Quicq 的工作原理以及如何使用它来优化您的 WordPress 网站的图像。
让我们深入研究……
Quicq 评论：插件的作用
在高层次上，Quicq 专注于为 WordPress 图像优化提供完整的解决方案。 它基本上是一个即插即用的工具，可让您从所有重要的图像优化策略中受益——更多内容如下。
在图像优化方面，大多数人会想到两种“主要”策略：
- 调整大小- 调整图像的实际尺寸以匹配您在网站上使用它的方式。 更小的尺寸意味着更少的数据，这意味着更小的图像尺寸。
- 压缩– 使用压缩算法在不改变其尺寸的情况下缩小图像的文件大小，通过无损算法（质量不变）或有损算法（可能质量略有降低）。
Quicq 当然可以为您实施这些策略，但它也是一种新型图像优化插件，不仅仅是静态调整图像大小和压缩图像。
相反，它会自动从其 Google Cloud 支持的 CDN 提供您的图像，然后为访问者实时优化它们。
一旦您在您的网站上激活 Quicq，它将自动通过以下优化优化您的所有图像：
- 通过由 Google Cloud 提供支持的 Quicq CDN 为他们提供服务。 这使访问者可以从离他们最近的 CDN 位置下载您的图像。
- 根据每个访问者的设备将它们调整为最佳大小。
- 压缩它们以减小文件大小。
- 将它们转换为提供比 JPEG 和 PNG 更小的尺寸的优化图像格式。 Quicq 支持 WebP 和 AVIF，这是一种更新的图像格式，可以提供比 WebP 更小的文件大小。 AVIF 支持值得注意，因为并非所有服务都支持这种较新的图像格式。
所有这些更改将导致更快的图像加载时间（以及因此，网站加载时间）。
为什么要使用动态实时图像优化？
正如我上面提到的，Quicq 使用一种动态优化方法来实时优化图像。
也就是说，Quicq 不会像传统的优化插件那样优化 WordPress 站点服务器上图像的原始版本，而是不会触及原始图像，而是在“云”中执行其操作。
这种动态优化方法有几个优点。
最重要的是，您可以确保每个访问者都能看到基于其实际设备尺寸的优化图像。
例如，如果访问者正在低分辨率的智能手机屏幕上浏览，您可以提供小尺寸的图像，而不会影响他们的体验。
但是，如果访问者正在巨大的 4K 屏幕上浏览，您的网站可以无缝地提供更大版本的图像，以确保他们也拥有出色的用户体验。
由于 Quicq 使用动态的动态优化方法，它能够为每个用户提供最佳的图像大小和格式。
如果您想操作图像，这种动态方法也非常有用，因为您可以对图像进行更改，而无需编辑原始图像文件或上传新版本的图像。
例如，仅通过操作图像的 URL，您就可以执行以下操作：
- 以不同的方式裁剪图像。
- 添加水印。
- 模糊图像。
- 更改图像尺寸。
- 调整图像质量。 例如，您可能想在某些地方使用高分辨率、未压缩的图像。 你可以很容易地做到这一点。
- 使用不同的图像格式。 例如，WebP 或 AVIF。
使用 Quicq，您只需上传一次原始图像。 然后，您可以通过向 URL 添加一些额外的查询参数来执行所有这些操作。
例如，这是原始图像的链接：
https://cdn.quicq.io/wpmayor/2022/01/pexels-andrea-piacquadio-837358.jpg
这是一个将图像裁剪为 1,000×1,000 正方形的链接：
https://cdn.quicq.io/wpmayor/2022/01/pexels-andrea-piacquadio-837358.jpg?w=1000&h=1000&c=1
在下一节中，我将向您展示一些真实的示例。
动手实践 Quicq：如何优化 WordPress 图像
既然您知道 Quicq 是做什么的，那么让我们动手实践一下，我将向您展示它是如何在 WordPress 上工作的。
同样，它不仅限于 WordPress，但它确实提供了一个专用的 WordPress 插件，可以很容易地与您的 WordPress 网站一起使用。
1.注册一个免费的Quicq帐户
要开始使用，您需要注册一个免费的 Quicq/Afosto 帐户。 接下来我将讨论定价，但有一个慷慨的永久免费计划，您还可以获得 14 天无限制免费试用（无需信用卡）。
注册帐户后，单击 Afosto 仪表板中 Quicq 旁边的开始免费试用按钮：
2. 创建 Quicq CDN
接下来，您需要创建一个 Quicq CDN，它本质上就是为您的站点提供和优化图像的内容。
开始 Quicq 试用后，执行此操作的任务应自动出现在 Afosto 主仪表板的任务列表中。 如果你没有看到它，你也可以通过点击 Quicq 旁边的齿轮图标来访问这个界面：
首先，您需要输入要用于 Quicq CDN 的 URL。 您的图像将从该 URL 加载，因此您需要使它们与您的网站相关。
例如，如果我为 WP Mayor 创建一个，我将创建 URL wpmayor 。
然后，输入您网站上现有图片的直接 URL，然后单击验证网站：
然后，Quicq 应该会自动检测您正在使用 WordPress 并生成图像的路径，该路径应该是wp-content文件夹中的uploads文件夹。
您还可以选择扩展高级设置，以便控制图像的缓存行为。 默认是 365 天，应该没问题。 但如果需要，您可以更改此设置。
要完成任务，请单击“添加”按钮：
3. 安装 Quicq 插件并添加 URL Key
创建帐户并设置 CDN 后，您可以在您的网站上安装来自 WordPress.org 的免费 Quicq 插件。 这将使您可以将您的 WordPress 站点与您刚刚创建的图像 CDN 集成。
激活插件后，转到 WordPress 仪表板中的新Quicq区域并添加您在设置过程中输入的 URL 密钥。 也就是说，您可以自定义的 CDN URL 部分。
对于我的示例，这是wpmayor 。
然后，选择Active Quicq切换，然后选择Save Changes使其生效：
就是这样！ 您的 WordPress 站点现在应该开始通过 Quicq CDN 加载其图像，其中包括实时图像优化。
我在这里要注意的一件小事是，我认为 Quicq 插件区域不应该是 WordPress 仪表板中的顶级菜单区域。 由于这只是一个一次性的设置过程，我认为将其移至“设置”→“Quicq”等子菜单会更好，以帮助用户拥有更清洁的管理区域。
4. 使用 URL 参数处理图像（需要时）
对于大多数 WordPress 网站，您无需执行任何其他操作即可优化图像。 此时，Quicq 已经在自动执行以下优化：
- 根据每个用户的设备以最佳方式压缩/调整图像大小。
- 根据效果最佳的方式将图像转换为 WebP 或 AVIF 格式。
- 通过 Quicq 的 Google Cloud CDN 提供图像。
然而，正如我之前提到的，关于 Quicq 的实时方法的一个很酷的事情是，您还可以通过向 URL 添加一些查询参数来操作您的图像。
您可以在此处查看文档页面以获取详细信息，但让我们通过一些快速示例来了解其工作原理。
假设您在网站的某一部分使用了一张宽幅图像。 现在，您想使用相同的图像，但将其裁剪为方形图像。
如果没有 Quicq，您将需要打开您最喜欢的图像编辑工具，裁剪图像，然后上传裁剪图像的新副本以供使用。
使用 Quicq 的实时图像处理，您只需添加 URL 参数即可进行裁剪（并且不影响原始图像）。
这是原始图像和网址：
然后通过添加此 URL 参数 - ?w=1000&h=1000&c=1将图像裁剪为 1000×1000 px 正方形时的样子：
这是另一个例子……
假设您想更进一步并模糊图像，除了将其裁剪为正方形。
您需要做的就是添加 blur 参数并设置要使用的模糊程度（从 0 到 3），然后您的图像就会变得模糊：
Quicq 定价
Quicq 有一个非常慷慨的永久免费计划，然后为需要更多功能的用户付费。
免费计划可让您每月优化多达 100,000 张图像* ，并永久提供每月25 GB 的 CDN 带宽，这对于小型站点来说应该绰绰有余。 例如，如果你有一个基本的小册子/作品集网站或一个小型博客，我认为你永远不会超过这个。
*请记住，图像优化是动态发生的，而不是像传统插件那样一次性进行，因此每次加载图像时都算作一次优化。
如果您需要付费计划，则根据两个指标向您收费：
- 优化– 您每月进行的图像优化次数。
- 数据传输——通过 CDN 提供图像时消耗的带宽量。
这种计费策略比其他一些实时图像优化插件要复杂一些，这些插件通常只是根据您网站每月的访问次数向您收费。
但是，我实际上更喜欢这种计费模式，因为我认为它是一种更公平的计费方式，即使它确实使估计您的使用量有点困难。
使用这种方法，您将只根据您的实际使用量付费，这可能会帮助您省钱。
要了解您将支付的费用，您可以使用定价页面上的计算器。
如果您不确定您网站的使用情况，您可以使用免费套餐开始，或者还有一个 14 天免费试用更高使用率的计划，这应该可以让您很好地了解您的网站的使用情况：
如果您需要高级计划，您可以使用我们的独家优惠券代码在前两个月的所有套餐上享受 20% 的折扣：
关于 Quicq 的最终想法
总的来说，我知道很多网站正在转向这种实时图像优化方法。
我确实认为这种方法可以提供很多东西，因为它在处理图像方面为您提供了灵活性，并确保每个访问者看到的图像都针对他们的独特情况进行了优化。
Quicq 并不是第一个将其引入 WordPress 的插件，但它确实有一些优势：
- 它有一个非常慷慨的免费套餐。 它拥有我见过的最高免费等级。
- 我喜欢它的高级选项定价模型，因为您只需根据实际使用情况付费。 虽然它确实使定价变得更加复杂，但我认为这是一种“更公平”的计费方式。 此外，如果您不确定要支付的费用，您可以随时使用 14 天无限制试用来计算您网站的实际使用情况。
- 它仍然允许您执行其他图像处理，例如裁剪、模糊等。 我知道的大多数其他 WordPress 插件都只关注性能或只允许您访问水印，所以 Quicq 超越了这一点很酷。 大多数临时用户可能不会使用这些，但它对高级用户和开发人员来说很好。
如果您想尝试一下，Quicq 有一个慷慨的永久免费计划以及 14 天无限制免费试用，以帮助您了解您的使用情况。 您可以点击以下按钮开始：