WebP 是谷歌推出的适合于 Web 使用的图像格式,在保持同样质量的情况下,可比 JPG 减小 40% 的体积。把他使用到我们web应用图像优化上,无论对于用户还是公司都有巨大的意义。因为对于用户来说,可以更早的看到图片,对于公司而言,更加省钱。
Webp格式图片虽好,Web应用要想使用上,常规下却要做很多修改,有没有不用修改却能让应用使用上Webp格式呢?本文主要介绍如何让应用上不做任何修改,而优雅的使用Webp格式图片。
新增应用
先下去下载Apiumc网关,注册并用管理员进入云桌面,点击新增应用,再选择Web应用,并把弹出的界面上输入下面参数
应用标识:51cto #只能是数字和小写字母
应用名称:51CTO
应用网址:https://s2.51cto.com/
再点击确认,整体过程如下:
这里我们新增应用就完成了,后面就是配置WebP图片处理模板了。
配置图片处理模板
新建应用完成后,在云桌面上在刚才新增加的应用上右点鼠标,选择“关于应用说明”
再选择“应用配置”,弹出应用配置界面,点击“图片处理”,进入图片处理路径界面再输入如下内容:
image/png
image/jpeg
###这里也可以配置路径,如果是路径,则会把此路径下的图片都转码为webp格式。
确认后,回到应用配置,再点击刚才增加了图片处理模板项,点击进入,在图片格式上选择Webp,最后在应用配置界面下,选择重新加载,过程如下图:
就这样就把整个站点的png格式和jpeg格式都会转化为Webp格式了吧,这样看一下,是不是应用零修改,全站全部使用Webp是不是超简单,各位来试试吧。
参考资料
https://www.apiumc.cn/