美文网首页
gulp-webp生成 .jpg.webp/.png.webp格

gulp-webp生成 .jpg.webp/.png.webp格

作者: kyle背背要转运 | 来源:发表于2018-09-26 22:03 被阅读0次

使用gulp-webp 把jpg/png生成 webP格式的图片很简单,

原图为 1.jpg ,生成的 都是 1.webp

在less/sass使用上不如直接 1.jpg.webp使用方便,

只需要使用 gulp-rename调整下就好了,

代码如下~

const webp = require('gulp-webp');
const rename = require('gulp-rename')
gulp.src('./image/*.{png,jpg}')
  .pipe(rename(function (path) {
    path.extname += '.webp';
  })
  .pipe(webp())
  .pipe(gulp.dest('./'));

原图为 1.jpg ,生成的 都是 1.jpg.webp

相关文章

  • gulp-webp生成 .jpg.webp/.png.webp格

    使用gulp-webp 把jpg/png生成 webP格式的图片很简单, 原图为 1.jpg ,生成的 都是 1....

  • gulp-webp

    图片webp转换

  • python-RSA数字签名.md

    安装crypto模块 生成私钥(rsa-2048位-pkcs#1格式) 生成公钥 生成/校验签名

  • 我的梦想

    人生成就九宫格人生900格中,我的人生已经走了52%,回首望去,我得到了什么?做着人生成就九宫格,才发现自己必须马...

  • table 表格合并行或列

    合并单元格 合并边框 单元格宽度固定 注: 使用 标签, 打印时每页可自动生成表头

  • 格雷码Graycode

    格雷码是什么见百度百科。 这是一个简单的递归问题:1.生成n+1位的格雷码:第一位不反转,递归生成n位的格雷码;然...

  • iPhone xsMAX 订单生成软件

    iPhone xsMAX 订单生成,一键生成iPhone xsMAX 购买订单 发个空间朋友圈啥的,提高b格,装1...

  • Excel怎么生成随机数?

    Excel怎么生成随机数?如何生成指定范围内的随机数呢?可以在Excel中使用函数,生成随机数。 1、在单元格中输...

  • 格雷码的生成

    题目描述 在一组数的编码中,若任意两个相邻的代码只有一位二进制数不同, 则称这种编码为格雷码(Gray Code)...

  • VBA例3 生成指定次数的指定随机数

    如题,在31个单元格中,随机生成指定次数的1 思路: 传统思路是将生成0-31之间的随机数,然后将生成随机数对应的...

网友评论

      本文标题:gulp-webp生成 .jpg.webp/.png.webp格

      本文链接:https://www.haomeiwen.com/subject/tnzjoftx.html