首页 > 其他分享 >如何最简单的让应用使用上webp格式图片

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

时间:2023-03-10 21:36:33浏览次数:46  
标签:Webp 配置 点击 webp 应用 格式 图片

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

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

新增应用

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

应用标识:51cto  #只能是数字和小写字母
应用名称:51CTO
应用网址:/i/li/?n=2&i=

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

配置图片处理模板

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

image/png
image/jpeg

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

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

参考资料

https://www.apiumc.cn/

标签:Webp,配置,点击,webp,应用,格式,图片
From: https://blog.51cto.com/u_15995836/6113505

相关文章