WebP是Google开发的一种新的图片格式，它支持有损压缩、无损压缩和透明度，压缩后的文件大小比JPEG、PNG等都要小。所以可以节省带宽，减少页面载入时间，节省用户的流量。
使用gulp将png,jpg文件压缩为webp格式。
const webp = require('gulp-webp');
gulp.task('image',function() {
return gulp.src('./public-dev/img/*')
.pipe(webp())
.pipe(gulp.dest('./public/img/'));
});
如果在我们的项目中使用，目前没有找到一种特别好的办法，使其可以自动化的将css,js,html中的图片url替换为webp格式的，但是在我们之后的项目开发中，可以直接使用webp格式的文件。
但目前来说(2018/3/22)，WebP的支持还不是很广泛，根据Can I Use的数据，目前只有Chrome、Opera浏览器，以及Android的WebView是支持WebP的。
webp
在浏览器中使用webp WebP是Google开发的一种新的图片格式，它支持有损压缩、无损压缩和透明度，压缩后的文...
功能 1、批量将PNG/JPEG格式图片转换Webp格式图片2、批量将Webp格式图片再压缩【压缩效率0-100可...
将图片转换为 webp 格式 WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式，发布于2010年，目标是...
使用gulp-webp 把jpg/png生成 webP格式的图片很简单， 原图为 1.jpg ，生成的 都是 1....
webp 图片格式WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有...
简介 Webp是一个现代的图片格式提供优秀的无损和有损压缩。使用Webp我们可以创建更小更丰富的图片。 Webp无...
我们都知道，WebP 是 Google 推出的 WebP 图片格式，它是一种支持有损压缩和无损压缩的图片文件格式，...
一、WebP是什么？ WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约...
性能优化08-APK瘦身 一、图片压缩 使用SVG和webp格式的图片，可以减小图片体积。使用tint着色器，可以...
苹果原生不支持加载webp格式的图片。 加载网络图片为webp格式的建议使用SDWebImage，它应该iOS开发...
本文标题：使用gulp将项目中的图片压缩为webp格式
本文链接：https://www.haomeiwen.com/subject/yxyaqftx.html
网友评论