本来将会带大家熟悉常见的JPEG、PNG以及GIF三种图片的不同特性及应用场景，让大家在前端开发过程中更有针对性的去在不同的场景中使用不同格式的图片。
JPEG是一种针对彩色照片而广泛使用的有损压缩图形格式，其常见的扩展名有.jpg .jpeg .jpe
不适用场景
不适合线条图形和文字、图标图形，因为它的压缩算法不太支持此类型的图片。
适用场景
非常适合颜色丰富的照片、彩色大图、焦点图、banner图等。
PNG是一种无损压缩的位图图形格式，支持RGB三种颜色方案及Alpha通道等特性。
不适用场景
因为其无所压缩的特性，所以不适用于彩色图片，会导致其体积过大。
适用场景
非常适合纯色、透明、线条绘图以及图标等边缘清晰、有大块相同颜色区域，颜色数较少但需要半透明效果的图片。
不适用场景
不适合存储彩色照片
适用场景
非常适合动画以及图标。
告诫自己，即使再累也不要忘记学习，成功没有捷径可走，只有一步接着一步走下去。 共勉！
文章中如有不对的地方，欢迎小伙伴们多多指正。
谢谢大家~ 💘
作者：王二狗博客：掘金、思否、知乎、简书、CSDN 点赞再看，养成习惯，你们的支持是我持续分享的最大动力?...
Redis性能优化，单机增加CPU核数是否会提高性能 1、根据业务需要选择合适的数据类型，并为不同的应用场景设置...
JPEG（联合图像专家小组） 联合图像专家小组是一种针对彩色照片而广泛使用的有损压缩图形格式 介绍：栅格图形。拓展...
目录：一、 什么是软件性能二、不同群体眼中的性能三、性能测试类型四、性能测试应用场景五、性能测试基本概念六、理发店...
原文地址 这篇文档主要覆盖能够提升总体应用性能的细微优化，但是这些改变不可能造成显著的性能效果。选择合适的算法和数...
Bitmap使用需要注意哪些问题 ？ 要选择合适的图片规格（bitmap类型）：通常我们优化Bitmap时，当需要...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...
这里我们通过几个场景，不同维度说下Redis的应用。 高性能适合当做缓存 缓存是Redis最常见的应用场景，之所有...
数据库结构优化 选择合适的数据类型 数据类型的选择，重点在于合适二字，如何确定选择的数据类型是否合适？ 1.使用可...
本文标题：性能优化之【如何为不同类型的图片选择合适的应用场景？】🔬
本文链接：https://www.haomeiwen.com/subject/bckojhtx.html
网友评论