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

如何将所有图像转换为WebPMODx

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并在后台进行图像压缩，并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本，则将返回原始版本，而不进行任何处理。
下载插件 (v1.19.0) 转到插件

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

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

步 #1: 下载插件 MODx WebP

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

步 #2: 注册 OptiPic CDN

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

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

步 #3: 复制站点 ID

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

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

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

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

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

步 #5: 保存您的设置

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

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

模块设置说明


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开发的格式允许高质量和紧凑的图像上传到网站。这些图像不仅可以在浏览器上查看，还可以在笔记本电脑和智能手机上查看。

图像可以极大地减慢网站的加载时间并增加托管成本。网站所有者经常难以在质量和容量之间找到平衡。经典的JPEG格式可能不总能产生所需的结果，特别是对于小型图形。 PNG通常用作替代方案，但它更加沉重。

Google的新WebP格式提供了文件大小和质量的最佳组合。它在十多年前开发，并在许多Google服务上经过了充分测试，被Google PageSpeed Insights高度推荐。但是，与较不常见的浏览器的兼容性问题可能会出现。为避免图像显示不正确，建议确保它们以通常的重格式显示。

使用各种实用程序将旧的PNG / JPEG格式转换为WebP非常容易。但是，转换已创建的站点的所有图像可能是一项艰巨的任务。可以使用OptiPic CDN等特殊实用程序将MODX图像压缩并将PNG / JPEG转换为WebP。该服务不仅转换并提供渐进式增强，还通过额外的缓存和优化减轻了站点托管的负载，加快了图像的返回。

OptiPic CDN插件的安装过程简单，任何人都可以完成。如果用户的浏览器支持此格式，插件会向用户提供WebP文件。如果不支持，则返回旧格式的压缩版本图像。该服务还使图像适应狭窄的手机屏幕，并执行缓存以加速图像加载。

总之，WebP格式为网站所有者提供了优化图像而不牺牲质量的绝佳解决方案。虽然与较不常见的浏览器可能会出现兼容性问题，但使用OptiPic CDN等服务可以自动化转换过程并减轻站点托管的负载。

WebP是由Google开发的先进图像格式，为Web开发人员和用户提供了一系列优势，包括：

  • 减小文件大小：WebP图像比质量相同的JPEG和PNG图像小达34％。这意味着加载时间更快，带宽使用更低。
  • 增强图像质量：WebP利用先进的压缩技术，在减小文件大小的同时保持图像质量。因此，与相同大小的MODX或PNG图像相比，图像看起来更好。
  • 透明度支持：WebP支持有损和无损透明度，使其成为具有透明背景的图像的多功能选项。
  • 广泛的浏览器兼容性：大多数现代浏览器，包括Google Chrome，Firefox和Microsoft Edge，都支持WebP。它还可以轻松转换为其他图像格式，以与旧版浏览器兼容。

为什么Google将WebP开源？

Google将WebP作为开源发布，旨在为Web提供更高效和更快速的图像格式。通过使用先进的压缩技术，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可轻松与其他平台集成

所有平台
?