如何将所有图像转换为WebPDrupal

Name: Drupal 的模塊。 根據Google PageSpeed Insights的要求智能轉換為WebP並優化網站圖片
Brand: OptiPic
SKU: OptiPic CDN
Price: 7 USD
Availability: InStock
Rating: 4.71 (189 reviews)

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

转到插件

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

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

步 #1: 下载插件 Drupal WebP

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

步 #2: 注册 OptiPic CDN

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

步 #3: 复制站点 ID

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

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

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

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

步 #5: 保存您的设置

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

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

模块设置说明

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格式提供了出色的文件大小和质量的组合，使其成为网站所有者寻求加速网站加载的高度推荐选项。然而，像任何新格式一样，在使用不常见的浏览器时可能会出现兼容性问题。这可以通过确保在这种情况下以通常的繁重格式显示图片或使用允许轻松转换的特殊插件来解决。

使用各种实用程序将旧的PNG/JPEG格式转换为WebP很容易，但是转换已创建站点的所有图像可能是一项艰巨的任务。这就是OptiPic CDN的作用，因为它自动压缩Drupal图像，从而实现快速简便的转换。该服务还提供了额外的缓存和优化，以进一步加快网站的加载速度。

要使用OptiPic CDN，用户只需下载并安装Drupal插件，使用服务主页上提供的视频说明即可。插件将WebP文件转换并传递给用户，如果用户的浏览器支持此格式，则返回旧格式的压缩版本的图像，如果必要，还将图像调整为窄屏幕手机。

总的来说，WebP格式是网站所有者寻求提高网站加载时间和降低托管成本的出色选择。借助OptiPic CDN的帮助，将图像转换为此格式快速简便，这使其成为Drupal用户高度推荐的解决方案。

WebP是由Google开发的一种先进的图像格式，为网页设计师和开发人员带来了许多好处。以下是您需要了解的内容：

更小的文件大小：相同质量的WebP图像比JPEG和PNG图像小多达34％。这意味着加载时间更快，带宽使用更少。
卓越的图像质量：由于先进的压缩技术，WebP保留了图像质量，同时显著减小了文件大小。这意味着与相同大小的JPEG或PNG图像相比，图像看起来更好。
透明度支持：WebP支持有损和无损透明度，使其成为具有透明背景的图像的多用途格式。
广泛的浏览器支持：WebP受到大多数现代浏览器的支持，包括Google Chrome，Firefox和Microsoft Edge。它也可以轻松转换为其他图像格式，以与旧版浏览器兼容。

通过将WebP发布为开源软件，谷歌旨在为网络提供更高效和更快速的图像格式。WebP使用先进的压缩技术，减小图像文件的大小而不会影响质量，从而实现更快的加载时间和更好的用户体验。此外，通过使WebP成为开源软件，谷歌鼓励开发人员为项目做出贡献，并随着时间的推移改进该格式。

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