转换后图片质量是否下降,转成有损 WebP 肉眼可以感觉到差别,转成无损 WebP 肉眼难以感觉到差别。
无损图片格式(PNG、SVG、BMP)转成无损 *WebP,在保证图片质量的同时能显着减少图片体积,且 q = 100 时,体积达到最佳值。有损图片格式 JPG 转成无损 WebP 体积平均增大 150%。
针对单位像素的优化,衍生出了不同的图片格式,jpeg、png、gif、webp。不同的图片格式都有自己的减少单位像素体积的算法。同时也有各自的优势和劣势,
比如 jpeg 和 png 不支持动画效果,jpeg 图片体积小但是不支持透明度等。
因此项目在选择图片格式上的策略就是,在满足自己需求的前提下选择体积最小的图片格式。
新零售项目中已经统一使用的 WebP 格式,和 jpeg 格式相比,其体积更减少 30%,同时还支持动画和透明度。