如何将所有图像转换为WebPJoomla

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.25.1) 转到插件

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

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

步 #1: 下载插件 Joomla WebP

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

步 #2: 注册 OptiPic CDN

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

步 #3: 复制站点 ID

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

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

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

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

步 #5: 保存您的设置

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

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

模块设置说明

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格式成为了解决方案，允许网站管理员上传高质量的图片，这些图片小巧且易于在各种设备上查看。对于那些在质量和容量之间苦苦挣扎的网站所有者来说，这种格式是一个改变游戏规则的工具。

虽然经典的JPEG和PNG一直是许多人的首选格式，但它们往往无法实现预期的效果。PNG提供高质量的图片，但文件太大，而JPEG不能在小尺寸下始终提供良好的图形。然而，WebP格式提供了两者的最佳结合。它在十多年前开发，已经在各种谷歌服务上进行了测试，现在被谷歌PageSpeed Insights推荐给网站所有者。

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

使用许多可用的工具将旧的PNG / JPEG格式转换为WebP很容易。然而，转换已创建站点的所有图像可能是一项艰巨的任务。这就是OptiPic CDN的作用，它提供了自动压缩Joomla图像和渐进增强的服务。该服务不仅转换图像，还通过额外的缓存和优化减轻了站点托管的负载，加快了图像的返回速度。

要使用OptiPic CDN，用户必须在其网站上下载并安装Joomla插件。安装过程简单，该服务为用户提供免费试用，以评估其方便性和适用性。如果用户的浏览器支持该格式，插件将转换并提供WebP文件，如果用户的浏览器不支持WebP，则返回旧格式的压缩版本的图像，并在用户从移动设备查看站点时将图像调整为窄屏幕。

总之，

WebP格式是网站所有者想要优化其图像而不会影响质量的有价值工具。使用OptiPic CDN，转换过程是自动化的，这使得它成为Joomla用户的方便和高效的解决方案。

WebP是由谷歌开发的先进图像格式，提供了一系列的优势，彻底改变了我们在线查看和共享图片的方式。以下是考虑使用WebP的几个原因：

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

但是，为什么谷歌要将WebP开源呢？通过为网络提供更高效和更快速的图像格式，WebP改善了访问者的用户体验，并鼓励开发人员参与项目并随着时间的推移改进该格式。

对于那些需要高水平细节的人来说，无损WebP是一个改变游戏规则的格式。这种类型的图像格式可以在不丢失任何数据或质量的情况下压缩图像，使其成为在网络上存储和共享图像的高效格式。另一方面，有损WebP非常适合不需要高水平细节或清晰度的图像，例如缩略图或背景图像。

那么为什么WebP（有损）比JPEG更好呢？WebP的预测编码、块自适应量化、过滤和布尔算术编码相比于霍夫曼编码提供了5％-10％的压缩改进，使其成为图像压缩的优越选择。

总之，WebP是一种改变游戏规则的图像格式，提供了一系列的优势，从更小的文件大小到提高图像质量。有无损和有损选项可用，WebP是一种多功能格式，可以轻松集成到现有的网站和应用程序中。