性能优化之【如何为不同类型的图片选择合适的应用场景？】

作者：王二狗
博客：掘金、思否、知乎、简书、CSDN
点赞再看，养成习惯，你们的支持是我持续分享的最大动力😘

本来将会带大家熟悉常见的JPEG、PNG以及GIF三种图片的不同特性及应用场景，让大家在前端开发过程中更有针对性的去在不同的场景中使用不同格式的图片。

JPEG

JPEG是一种针对彩色照片而广泛使用的有损压缩图形格式，其常见的扩展名有.jpg .jpeg .jpe

不适用场景

不适合线条图形和文字、图标图形，因为它的压缩算法不太支持此类型的图片。

适用场景

非常适合颜色丰富的照片、彩色大图、焦点图、banner图等。

PNG

PNG是一种无损压缩的位图图形格式，支持RGB三种颜色方案及Alpha通道等特性。

不适用场景

因为其无所压缩的特性，所以不适用于彩色图片，会导致其体积过大。

适用场景

非常适合纯色、透明、线条绘图以及图标等边缘清晰、有大块相同颜色区域，颜色数较少但需要半透明效果的图片。

GIF

不适用场景

不适合存储彩色照片

适用场景

非常适合动画以及图标。

告诫自己，即使再累也不要忘记学习，成功没有捷径可走，只有一步接着一步走下去。 共勉！

文章中如有不对的地方，欢迎小伙伴们多多指正。

谢谢大家~ 💘