聪明 CDN OptiPic — 不仅仅是压缩。 通过转换为WebP进行复杂的即时图像优化 [更多]
Previous Next

如何将所有图像转换为WebPWordPress

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"
根据建议
Google PageSpeed Insights
轻松连接
5 分钟内
视频说明
2 分钟内
免费技术支持
+ 安装帮助
智能WebP即时转换
OptiPic CDN尝试从中请求图像时会做什么？:
  • 返回图像的WebP版本.
    如果浏览器支持WebP格式
  • 返回不带webp的压缩版本
    如果浏览器不支持WebP
  • 响应手机屏幕
    如果图片是通过手机打开的
  • 缓存并加快加载
    减轻主机托管的负担
  • 保护您的图像
    通过 EXIF 和 IPTC 标签保护版权
  • 使用您自己的
    域名
    从 img.domain.com 等加载图像
  • 延迟加载
    图片
    滚动页面时加载图像
转换为Webp并在后台进行图像压缩，并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本，则将返回原始版本，而不进行任何处理。
转到插件

有關配置模塊的視頻說明 WordPress

将 WebP 连接到 WordPress 的 5 个简单步骤

步 #1: 下载插件 WordPress WebP

下载并在您的网站上安装 WordPress 的官方 CDN OptiPic 插件。

将 WebP 连接到 WordPress 的 5 个简单步骤: pic #1

将 WebP 连接到 WordPress 的 5 个简单步骤: pic #2

步 #2: 注册 OptiPic CDN

在您的 OptiPic CDN 帐户中注册并将新网站添加到您的 CDN 控制面板。

将 WebP 连接到 WordPress 的 5 个简单步骤: pic #3

步 #3: 复制站点 ID

将创建的网站的ID复制到剪贴板 (Ctrl + C)

将 WebP 连接到 WordPress 的 5 个简单步骤: pic #4

步 #4: 将站点 ID 粘贴到插件中 WordPress WebP

转到您网站上先前安装的插件的设置页面。

将复制的站点 ID 粘贴到相应的设置字段中。

将 WebP 连接到 WordPress 的 5 个简单步骤: pic #5

步 #5: 保存您的设置

保存插件设置。 清除控制面板 WordPress 中的缓存。

如有必要，更改其他插件设置

模块设置说明


Site ID in your personal account CDN OptiPic (您个人帐户 CDN OptiPic 中的站点 ID)
您可以在 CDN OptiPic 个人帐户中找到您的网站 ID。 如果您尚未将网站添加到您的帐户中。
要关闭自动保真度，只需清除站点 ID。
Domain list (if images are loaded via absolute URL) (域列表（如果图像是通过绝对 URL 加载的）)
每个都在一个新行上，并且没有指定协议 (http/https)。
示例：
mydomain.com
www.mydomain.com
Site pages that do not include auto-replace (不包含自动替换的网站页面)
每个都在一个新行上，并且必须以斜杠 (/) 开头
Replace only URLs of images starting with a mask (仅替换以掩码开头的图像的 URL)
每个都在一个新行上，并且必须以斜杠 (/) 开头
示例：
/上传/
/上传/test.jpeg
List of 'srcset' attributes ('srcset' 属性列表)
标签属性列表，其中需要替换图片的srcset-markup
什么是srcset？
示例：
srcset
数据源集
CDN domain (CDN 域名)
CDN OptiPic 将通过其工作的域。 您可以使用您的子域（img.yourdomain.com、optipic.yourdomain.com 等）而不是标准的 cdn.optipic.io。 要连接您的子域，请联系 OptiPic 技术支持。
什么能够优化网站上的图像
  • 加速网站
  • 改善SEO
  • 提高转化率
  • 提高 Google
    Pagespeed Insights

随着技术的不断进步，用户在将图片下载到计算机时越来越频繁地遇到WebP格式。由Google开发的这种格式允许网站管理员上传高质量、紧凑的图片到他们的网站上。与其他格式不同，WebP图片不仅可以在浏览器中查看，还可以在笔记本电脑和智能手机上查看。

图片会显著减慢网站的加载时间，并需要增加托管成本。网站所有者必须在质量和文件大小之间寻找平衡。虽然PNG提供高质量的图片，但它是一种更重的格式，使得它对网站来说很困难。另一方面，JPEG并不总能提供所需的结果，特别是对于小型图形。

Google的WebP格式提供了文件大小和质量的最佳组合，使其成为网站所有者推荐的选项。这种格式开发了十多年，已在许多Google服务上进行了广泛测试。Google PageSpeed Insights强烈建议在网站上使用WebP，而不是传统的图像格式（PNG/JPEG）以加快网站的加载速度。

然而，像任何新格式一样，使用不常见的浏览器可能会出现问题。为确保图片正确显示，网站所有者必须确保在这种情况下以通常的重型格式显示它们。跨浏览器兼容性可以通过两种方式实现：通过将某些算法引入代码或使用特殊插件。

将旧的PNG/JPEG格式转换为WebP很容易，已经为此目的创建了许多实用程序。然而，将已经创建的网站的所有图像转换为WebP可能是一项具有挑战性的任务。为简化这个过程，网站所有者可以使用特殊的实用程序通过将PNG/JPEG转换为WebP来压缩Wordpress图像。

最好的选择之一是OptiPic CDN，它自动压缩Wordpress图像。该服务允许用户在其网站上安装一个现成的Wordpress集成模块，使转换过程快速简便。OptiPic CDN不仅转换并提供渐进式增强，还通过额外的缓存和优化减轻了站点托管的负载，加速了图像的返回。

要使用OptiPic CDN，用户必须下载并在其网站上安装Wordpress插件，使用位于服务主页上的视频说明。即使是初学者，安装过程也是简单明了的。该插件在浏览器支持此格式的情况下将WebP文件转换并提供给用户。如果不支持，则返回旧格式的压缩版本。此外，它还将图像适应于窄屏手机屏幕，如果用户从移动设备上查看网站，则执行缓存以加速图像的加载。

该服务可以以付费或免费的方式使用。试用费率提供了100,000个图像视图，允许用户在承诺之前评估服务的方便性。注册后即可获得免费视图。总的来说，OptiPic CDN是一种可靠而高效的将图像转换为WebP格式并优化Wordpress网站的工具。

发现WebP的优势

WebP是由Google开发的一种创新的图像格式，具有许多优点，包括：

  • 更小的文件大小：WebP图像通常比相同质量的JPEG和PNG图像小25-34％。这意味着更快的加载时间和减少的带宽使用。
  • 提高图像质量：WebP使用先进的压缩技术，可以保持图像质量的同时减小文件大小。这意味着图像比相同大小的JPEG或PNG图像更好看。
  • 支持透明度：WebP支持有损和无损透明度，使其成为透明背景图像的多功能格式。
  • 广泛的浏览器支持：WebP受到大多数现代浏览器的支持，包括Google Chrome，Firefox和Microsoft Edge。它也可以轻松转换为其他图像格式，以与旧版浏览器兼容。

为什么Google将WebP发布为开源软件？

Google将WebP发布为开源软件，旨在为网络提供更高效和更快的图像格式。通过使用先进的压缩技术，WebP减小了图像的文件大小，而不会影响质量，从而实现更快的加载时间和更好的用户体验。此外，Google鼓励开发人员为项目做出贡献，并随着时间的推移改进该格式。

WebP支持渐进式或交错式显示吗？

是的，WebP支持渐进式和交错式显示。渐进式显示以多个步骤加载图像，允许快速显示图像的低分辨率版本，而高分辨率版本在后台加载。交错式显示以一系列水平线加载图像，允许快速显示图像的粗略版本，而更精细的细节在后台加载。

有损和无损WebP

WebP提供有损和无损格式。无损WebP可以压缩图像而不丢失任何数据或质量，使其成为存储和共享高细节图像的更有效格式。有损WebP使用有损压缩技术来减小图像的文件大小，使其成为不需要高水平细节或清晰度的图像的理想格式。

为什么WebP（有损）比JPEG更好？

WebP通过其先进的功能（如预测编码、块自适应量化、滤波和布尔算术编码）优于JPEG。这些功能提供了与霍夫曼编码相比5％-10％的压缩改进。

立即开始使用免费软件包

一次性付款 — 没有月付款

购买的包裹在月底不会烧毁 - 提前几个月购买是有利的
您需要从CDN图像中付费观看。 使用的总成本取决于您网站的流量。 平均而言，这是每1,000,000张图片观看1.5美元起。
第一个10,000次观看的演示是免费的。
10,000
视图

免费

试一试 如何选择套餐？
1,000,000
视图

$ 10.00 $ 7.00

立即购买 如何选择套餐？
2,000,000
视图

$ 14.00 $ 10.00

立即购买 如何选择套餐？
5,000,000
视图

$ 24.00 $ 18.00

立即购买 如何选择套餐？
10,000,000
视图

$ 40.00 $ 30.00

立即购买 如何选择套餐？
20,000,000
视图

$ 74.00 $ 55.00

立即购买 如何选择套餐？
50,000,000
视图

$ 165.00 $ 123.00

立即购买 如何选择套餐？
80,000,000
视图

$ 235.00 $ 176.00

立即购买 如何选择套餐？
100,000,000
视图

$ 282.00 $ 211.00

立即购买 如何选择套餐？
所有费率

我们 建议
189 评论
所有反馈

OptiPic可轻松与其他平台集成

所有平台
?