如何最简单的方式让应用使用上webp格式图片

请添加链接描述WebP 是谷歌推出的适合于 Web 使用的图像格式,在保持同样质量的情况下,可比 JPG 减小 40% 的体积。把他使用到我们web应用图像优化上,无论对于用户还是公司都有巨大的意义。因为对于用户来说,可以更早的看到图片,对于公司而言,更加省钱。

Webp格式图片虽好,Web应用要想使用上,常规下却要做很多修改,有没有不用修改却能让应用使用上Webp格式呢?本文主要介绍如何让应用上不做任何修改,而优雅的使用Webp格式图片。

新增应用

先下去下载Apiumc网关,注册并用管理员进入云桌面,点击新增应用,再选择Web应用,并把弹出的界面上输入下面参数

应用标识:51cto  #只能是数字和小写字母
应用名称:51CTO
应用网址:https://s2.51cto.com/

再点击确认,整体过程如下:
请添加链接描述
这里我们新增应用就完成了,后面就是配置WebP图片处理模板了。

配置图片处理模板

新建应用完成后,在云桌面上在刚才新增加的应用上右点鼠标,选择“关于应用说明”
再选择“应用配置”,弹出应用配置界面,点击“图片处理”,进入图片处理路径界面再输入如下内容:

image/png
image/jpeg

###这里也可以配置路径,如果是路径,则会把此路径下的图片都转码为webp格式。

确认后,回到应用配置,再点击刚才增加了图片处理模板项,点击进入,在图片格式上选择Webp,最后在应用配置界面下,选择重新加载,过程如下图:
image.png就这样就把整个站点的png格式和jpeg格式都会转化为Webp格式了吧,这样看一下,是不是应用零修改,全站全部使用Webp是不是超简单,各位来试试吧。

参考资料

https://www.apiumc.cn/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值