关于webp 格式的图片, 我们集结于此, 总结于此
发布于 3 个月前 作者 cmao 2511 次浏览 来自 分享

写在开头, 写在中秋

以中秋为圆心, 量取祝福半径, 绘制幸福之圆;

以思念为圆心, 量取关怀半径, 绘制希望之圆;

以这里为中心, 量取用户半径, 绘制完美图片.

科普一下(这里是一些废话)

WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。

对比 PNG 原图、PNG 无损压缩、PNG 转 WebP(无损)、PNG 转 WebP(有损)的压缩效果:

多的就不多说了, 反正也是网上搬运过来的.

划重点: 体积小了、流量少了、加载快了。 快就够了, 干就完了

正片开始:

开干前, 简单搜了一下, 网上各种 webp 兼容问题, 各种吐槽 ios 不支持, 咔嚓, 这! 这还弄个毛线! 但是抱着 “实践是检验真理的唯一标准” 的态度, 带着试一试的心态, 敲下了以下一段代码:

随随便便就出来了!

兼容问题吗? 真机实操呗, 部门小群里一丢, 红包一发, 测试数据就来了

答疑解惑

1: 有人说不支持变量? 亲测可用

写在最后

最近这文章写的稀烂, 大家凑活着看, 主要是讨论

回到顶部