*.png;const JPEGImages staticimages*.jpg;const output buildimages;3.运行 node imagemin.js JPEGJPG 优点有损压缩
;optimiseJPEGImages() .catch(error > console.log(error));3.运行 node imagemin.js, 从buildimages 文件夹中获取优化后的版本
缺点体积太大 应用场景呈现小的 Logo、颜色简单且对比强烈的图片或背景等使用 pngquant 优化 PNG 图像 1.npm install imagemin-pngquant 2.以下内容添加到
WebP 优点像 JPEG 一样对细节丰富的图片信手拈来,像 PNG 一样支持透明,像 GIF 一样可以显示动态图片——它集多种图片文件格式的优点于一身官方介绍与 PNG 相比,WebP 无损图像的尺寸缩小了
通过以无损和有损格式编码图像来提供更小的文件大小,使其成为 JPEG 和 PNG 的一个很好的替代方案清晰度通常可以与 JPEG 和 PNG相提并论,而且文件大小要小得多浏览器对 WebP 支持并不普遍优化