如何将所有图像转换为WebPOpenCart

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

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

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

步 #1: 下载插件 OpenCart WebP

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

步 #2: 注册 OptiPic CDN

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

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

步 #3: 复制站点 ID

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

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

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

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

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

步 #5: 保存您的设置

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

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

模块设置说明


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格式及其优点?

随着用户将图片下载到计算机上,他们越来越多地遇到新的WebP格式。这种由Google开发的格式允许网站管理员上传高质量且紧凑的图片到他们的网站上。这些图片可以在笔记本电脑、智能手机上查看,而不仅仅是在浏览器上。

  • 发布在网站上的图片比文本要重得多,这会减慢网站加载速度并增加托管成本。网站所有者必须在质量和容量之间找到平衡点。
  • 传统的JPEG并不总能达到预期的效果,特别是在需要小型图形时。PNG通常被用作高质量图片的替代品,但它的大小要大得多,使得网站难以管理。
  • Google的新开发WebP提供了最佳的文件大小和质量组合。这种格式在许多Google服务上进行了测试,可以向网站所有者推荐使用。Google PageSpeed Insights强烈建议在网站上使用WebP而不是传统的图像格式(PNG/JPEG)来加快网站的加载速度。

然而,在使用不常见的浏览器时,使用这种新格式可能会出现问题。为避免图片显示不正确,您需要在这种情况下确保它们以通常的重型格式显示。可以通过将某些算法引入代码或使用特殊插件来实现跨浏览器兼容性。

使用许多为此目的创建的实用程序很容易将旧的PNG/JPEG格式转换为WebP。但是,将已创建的网站的所有图像转换可能是一项耗时的任务。通常使用特殊实用程序来压缩OpenCart图像,通过将PNG/JPEG转换为WebP来完成。其中最好的之一是OptiPic CDN,它自动化压缩OpenCart图像,允许您在网站上安装一个预制的集成模块。

要使用OptiPic CDN服务加速OpenCart,您需要下载并安装OpenCart插件,使用位于服务主页上的视频说明。安装过程简单,即使对于初学者也不会造成困难。如果浏览器支持此格式,插件会将WebP文件转换并传递给用户。如果自动测试显示用户的浏览器不支持WebP OpenCart,则返回旧格式的压缩版本的图像(无需转换)。如果用户从移动设备查看网站,则将图像适应于窄的手机屏幕。它还执行缓存以加快图像加载速度,使网站工作更快,托管加载更少。您可以在付费和免费基础上使用该服务。试用费率提供100,000个图像视图,这足以评估该服务的便利性,了解它是否适合您。注册后立即获得免费视图。

WebP的好处

WebP是由Google开发的一种图像格式,具有以下几个优点:

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

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

Google将WebP发布为开源软件,以提供更高效和更快的图像格式,用于Web。WebP使用先进的压缩技术来减小图像的文件大小,而不会影响质量。这导致网站加载速度更快,访问者的用户体验更好。通过将WebP发布为开源软件,Google还鼓励开发人员为该项目做出贡献,并随着时间的推移改进该格式。

WebP是否支持渐进或交错显示?

是的,WebP支持渐进和交错显示。渐进显示可以在多个传递中加载图像,允许快速显示图像的低分辨率版本,同时更高分辨率版本在后台加载。交错显示以一系列水平线加载图像,允许快速显示图像的粗略版本,同时更精细的细节在后台加载。

无损WebP

无损WebP是一种使用WebP技术压缩图像而不丢失任何数据或质量的图像格式。这意味着可以将图像压缩为更小的大小,而不会丢失任何细节,使其成为在Web上存储和共享图像的更高效格式。无损WebP特别适用于需要高级别细节的图像,例如照片或带有文本的图形。它还与大多数Web浏览器兼容,并可以轻松集成到现有的网站和应用程序中。

有损WebP

有损WebP是一种使用有损压缩技术来减小图像文件大小的图像格式。有损压缩通过丢弃一些图像数据来工作,这可能会导致图像质量降低。但是,交换的是生成的文件大小更小,使其更容易和更快地在Web上加载。有损WebP通常用于不需要高级别细节或清晰度的图像,例如缩略图或背景图像。

为什么WebP(有损)比JPEG更好?

WebP通过预测编码、块自适应量化、滤波和布尔算术编码等方式优于JPEG。后者提供了与Huffman编码相比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可轻松与其他平台集成

?