@程序员，一文掌握 Web 应用中的图片优化技巧！_：@程序员

科技频道提示您本文原始标题是：@程序员，一文掌握 Web 应用中的图片优化技巧！

作者 | fecoder

责编| 郭芮

这篇文章，我们将一起探讨，Web应用中能对图片进行什么样的优化，以及反思一些“负优化”手段。

为什么要对图片进行优化？

对于大多数前端工程师来说，图片就是UI设计师(或者自己)切好的图，你要做的只是把图片丢进项目中，然后用以链接的方式呈现在页面上，而且我们也经常把精力放在项目的打包优化构建上，如何分包，如何抽取第三方库........有时我们会忘了，图片才是一个网站最大头的那块加载资源(见下图)，虽然图片加载可以不不阻碍页面渲染，但优化图片，绝对可以让网站的体验提升一个档次。