如何将所有图像转换为WebPCS-Cart

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"

根据建议
Google PageSpeed Insights

智能WebP即时转换

OptiPic CDN尝试从中请求图像时会做什么？:

转换为Webp并在后台进行图像压缩，并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本，则将返回原始版本，而不进行任何处理。

转到插件

有關配置模塊的視頻說明 CS-Cart

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

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

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

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

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

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

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 技术支持。

什么能够优化网站上的图像

随着技术的不断进步，WebP格式的图片使用越来越普遍。由Google开发，这种格式允许网站管理员上传高质量的图片，文件大小却很小，这样就可以在笔记本电脑或智能手机上轻松查看图片，而不仅仅是在浏览器中。

图片可以显著减慢网站的加载时间，同时也会导致更高的托管成本。许多网站所有者不得不为了更快的加载时间而牺牲图片质量。虽然传统的JPEG和PNG是常用的选择，但它们都有缺点 - JPEG经常会导致图形质量差，而PNG则文件大小较大。

另一方面，WebP提供了文件大小和质量之间的完美平衡。它于十年前开发，已经在许多Google服务中得到测试和证明。Google PageSpeed Insights甚至建议使用WebP而不是PNG和JPEG等传统的图像格式，以加快网站的加载速度。

然而，一些不常见的浏览器可能会有问题显示这种格式的图片。为了避免这种情况，网站所有者可以确保在这种情况下以通常的大文件格式显示图片。通过某些算法或特殊插件也可以实现跨浏览器兼容性。

虽然将旧的PNG/JPEG格式转换为WebP很容易，但转换已经创建的网站上的所有图片可能是一项艰巨的任务。幸运的是，有许多工具和插件可用于自动化这个过程。其中最好的选择之一是OptiPic CDN，它不仅可以将图像转换为WebP，而且还可以减轻网站托管的负担，通过额外的缓存和优化加速图像的返回。

虽然有些人可能不愿意采用新技术，但使用WebP进行图像处理的好处是显而易见的。借助OptiPic CDN等插件，网站所有者可以轻松优化图像并改善其网站的加载时间。

WebP是由Google开发的一种革命性的图像格式，为Web开发人员和用户提供了多种好处。以下是使用WebP的几个优点：

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

那么为什么Google会将WebP发布为开源？通过使WebP开源，Google鼓励开发人员为该项目做出贡献，并随着时间的推移改进该格式。这将导致更高效和更快速的图像格式，使网站加载速度更快，访问者享受更好的用户体验。

WebP甚至支持渐进式和隔行显示，允许快速加载低分辨率或粗糙版本的图像，同时高分辨率或更精细的细节在后台加载。

如果您正在寻找一种压缩图像而不会丢失任何数据或质量的方法，请查看无损WebP。这种类型的图像格式使用WebP技术压缩图像而不会丢失任何细节，使其成为存储和共享高细节图像（如照片或带有文本的图形）的有效格式。

另一方面，有损WebP使用有损压缩技术来减小图像文件的大小，使其非常适合不需要高级别细节或清晰度的图像，例如缩略图或背景图像。

事实上，由于其先进的预测编码、块自适应量化、滤波和布尔算术编码，WebP（有损）甚至优于JPEG，提供了与霍夫曼编码相比5％-10％的压缩改进。

有了所有这些好处及更多，很明显WebP是Web图像格式的未来。