Web性能优化： 图片优化让网站大小减少62%

然后将以下内容添加到你的 imagemin.js 文件中:

const imageminWebp = require('imagemin-webp');  
const convertPNGToWebp = () =>  
  imagemin([PNGImages], output, {  
    use: [  
      imageminWebp({  
        quality: 85,  
      }),  
    ]  
  });  
const convertJPGToWebp = () =>  
  imagemin([JPGImages], output, {  
    use: [  
      imageminWebp({  
        quality: 75,  
      }),  
    ]  
  });  
optimiseJPEGImages()  
  .then(() => optimisePNGImages())  
  .then(() => convertPNGToWebp())  
  .then(() => convertJPGToWebp())  
  .catch(error => console.log(error)); 

我发现，将 quality 设置为 85 会生成质量与 PNG 相当但小得多的 WebP 图像。对于 jpeg，我发现将 quality 设置为 75 可以在视觉和文件大小之间取得很好的平衡。

提供 HTML格式的WebP图像

（编辑：成都站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!