常见图片格式
1.jpg格式:
概述:扩展名为.jpg或jpeg,是一种有损的压缩格式(把肉眼不容易观察出来的细节丢弃了)。主要特点:支持的颜色丰富、占用空间较小、不支持透明背景、不支持动态图。使用场景:对图片细节没有极高要求的场景,例如:网站的产品宣传图等。——该格式网页中很常见。
2.png格式:
概述:扩展名为.png,是一种无损的压缩格式,能够更高质量地保存照片。主要特点:支持的颜色丰富、占用空间略大、支持透明背景、不支持动态图。使用场景:①想让图片有透明背景;②想更高质量地呈现图片;例如:公司logo图、重要配图等。
3.bmp格式:
概述:扩展名为.bmp,不进行压缩的一种格式,在最大程度上保留图片更多的细节。主要特点:支持的颜色丰富、保留的细节更多、占用空间极大、不支持透明背景、不支持动态图。使用场景:对图片的细节要求极高的场景,例如:一些大型游戏中的图片。(网页中很少使用)
4.gif格式:
概述:扩展名为.gif,仅支持256种颜色,色彩呈现不是很完整。主要特点:支持的颜色较少、支持简单透明背景、支持动态图。使用场景:网页中的动态图片。
5.webp格式:
概述:扩展名为.webp,谷歌推出的一种格式,专门用来在网页中呈现图片。主要特点:具备上述几种格式的优点,但兼容性不太好,一旦使用务必要解决兼容性问题。使用场景:网页中的各种图片。
6.base64格式:
本质:一串特殊的文本,要通过浏览器打开,传统看图应用通常无法打开。原理:把图片进行base64编码,形成一串文本。如何生成:靠一些工具或网站。如何使用:直接作为img标签的src属性的值即可,并且不受文件位置的影响。使用场景:一些较小的图片,或者需要和网页一起加载的图片。
图片的格式非常多,上面这些,只是一些常见的、开发中常接触到的。