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