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

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"
智能WebP即时转换
OptiPic CDN尝试从中请求图像时会做什么?:
  • 返回图像的WebP版本.
    如果浏览器支持WebP格式
  • 返回不带webp的压缩版本
    如果浏览器不支持WebP
  • 响应手机屏幕
    如果图片是通过手机打开的
  • 缓存并加快加载
    减轻主机托管的负担
  • 保护您的图像
    通过 EXIF 和 IPTC 标签保护版权
  • 使用您自己的
    域名
    从 img.domain.com 等加载图像
  • 延迟加载
    图片
    滚动页面时加载图像
转换为Webp并在后台进行图像压缩,并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本,则将返回原始版本,而不进行任何处理。

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

将 WebP 连接到 CS-Cart 的 5 个简单步骤

步 #1: 下载插件 CS-Cart WebP

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

步 #2: 注册 OptiPic CDN

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

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

步 #3: 复制站点 ID

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

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

步 #4: 将站点 ID 粘贴到插件中 CS-Cart WebP

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

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

步 #5: 保存您的设置

保存插件设置。 清除控制面板 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 技术支持。
什么能够优化网站上的图像
  • 加速网站
  • 改善SEO
  • 提高转化率
  • 提高 Google
    Pagespeed Insights

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

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

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

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

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

  • 要使用OptiPic CDN,只需在您的网站上下载并安装CS-Cart插件。
  • 如果用户的浏览器支持此格式,则插件将转换并传递WebP文件给用户,并在CS-Cart中返回旧格式的压缩版本的图像,如果用户的浏览器不支持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图像格式的未来。

立即开始使用免费软件包

一次性付款 — 没有月付款

购买的包裹在月底不会烧毁 - 提前几个月购买是有利的
您需要从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可轻松与其他平台集成

?