前端开发那么多年，你真的了解图片吗？
Posted 程序员黑叔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端开发那么多年，你真的了解图片吗？相关的知识，希望对你有一定的参考价值。
阅读本文大约需要 12 分钟
前言
随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。
有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并且让你明白这么多图片格式，在什么场景下使用什么格式，如果想看答案，那么直接滑到文末看图即可。
基本概念
在进入正题之前，先聊聊一些图片相关的基本概念。
一张照片（位图）不断放大之后，会看到一个个小格子，这些小格子，叫像素。
一个格子（像素），在计算机中，用二进制来表示，使用的二进制位数越多，像素的色彩就越丰富。
举个
以上是关于前端开发那么多年，你真的了解图片吗？的主要内容，如果未能解决你的问题，请参考以下文章
web前端开发真的会持续高薪吗？（赠超实用前端干货大合集，含特效源码）