图片的格式和使用场景

前端图片的格式和使用场景

GIF

GIF的全称是Graphics Interchange Format，可译为图形交换格式，是在1987年由Compu Serve公司为了填补跨平台图像格式的空白而发展起来的。

GIF采用的是Lempel-Zev-Welch（LZW）压缩算法，==最高支持256种颜色==。由于这种特性，==GIF比较适用于色彩较少的图片，比如卡通造型、公司标志==等等。如果碰到需要用24位真彩色的场合，那么GIF的表现力就有限了。

GIF格式图片最大的特性是帧动画，相比古老的bmp格式，尺寸较小，而且支持透明(不支持半透明，因为不支持 Alpha 透明通道 )和动画。

优点
体积小
支持动画
缺点
由于采用了8位压缩，最多只能处理256种颜色

JPEG/JPG

JPEG是Joint Photographic Experts Group(联合图像专家组)的缩写，文件后辍名为”．jpg”或”．jpeg”，是常用的图像文件格式，由一个软件开发联合会组织制定，是一种有损压缩格式，能够将图像压缩在很小的储存空间，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量明显降低，如果追求高品质图像，不宜采用过高压缩比例。

优点
采用有损压缩，压缩后体积更小
支持24位真彩色
支持渐进式加载
缺点
有损压缩会损坏图片的质量
不支持透明/半透明

PNG
png即便携式网络图形是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG使用从LZ77派生的无损数据压缩算法，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。

png支持8位、24位、32位3种，我们通常叫它们png8、png24、png32。

png8

8位的png最多支持256(2的8次方)种颜色，png8有1位的布尔透明通道（要么完全透明，要么完全不透明）。

PNG-8格式与GIF图像类似，同样采用8位调色板将RGB彩色图像转换为索引彩色图像。图像中保存的不再是各个像素的彩色信息，而是从图像中挑选出来的具有代表性的颜色编号，每一编号对应一种颜色，图像的数据量也因此减少，这对彩色图像的传播非常有利。支持透明

更多关于索引色模式看这里

PNG24
支持2的24次方种颜色，即rgb分别用8位，不支持透明。

注意： png24是不透明的，是不透明的，是不透明的。

优点
无损压缩
支持透明、半透明
最高支持24位真彩色图像以及8位灰度图像，从而彻底地消除锯齿边缘。
缺点
不支持动画，如需支持动画还得使用apng

webp格式

啥都好体积小无损压缩颜色丰富但兼容性不好 ie8以下不支持 ie8+支持

svg格式

绘图的方式呈现图片效果体积小放大缩小都不失真的矢量图 ie9+才支持

图片的格式和使用场景相关推荐

[css] 描述下你所了解的图片格式及使用场景
[css] 描述下你所了解的图片格式及使用场景通常网页在显示的图片(图形)的时候,有以下几种格式:GIF.PNG.JPG.SVG,还有个比较新的WebP格式.▍GIF优点:GIF是动态的:支持无损耗 ...
HTML中常用的图片格式及应用场景
和油漆是一个道理,不同的图片格式特性不一样,使用场合也有所不同. 一:图片的格式 JPEG(JPG) - JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明 - 一般用来保存照片等颜色丰富的图 ...
WEB应用图片的格式,以及各自的特点和优化(一) by FungLeo
WEB应用图片的格式,以及各自的特点和优化(一) by FungLeo 前言 12年前我入行三天.用table布局做了一个非常粗糙的网页.我说了一句话,"网页就是表格加文字加图片,图片分两种 ...
怎么改图片大小格式？如何更改图片的尺寸？
在不同的使用场景中,我们会需要将图片改大小(https://www.yasuotu.com/size)来应对各种尺寸需求,那么怎么才能改图片大小呢?下面小编就教大家一个快速图片大小修改的方法了,使用专 ...
pdf转图片 java_有将pdf文件转图片的格式方法吗？
有时候我们为了方便传输,需要把图片转为PDF的格式,因为它所占的空间相对要小.但是因为pdf文件的安全性很好所以不能进行编辑,那我们又要进行编辑图片的时候,就又会把PDF文件格式转换成图片来进行编辑. ...
怎样更改图片格式？怎么转图片的格式？
因为各种网络平台对上传的图片格式有要求,所以我们在使用图片的时候就会受到限制,所以需要按照平台的要求,上传对应的图片格式,那么怎样才能将图片转换到所需要的格式呢?这个时候我们就可以使用图片格式转换器( ...
如何将pdf转换成jpg图片的格式
PDF文件是以PostScript语言图象模型为基础,因pdf包含的格式比较多,很多时候需要把PDF转换为JPG来适应各种不同的场合,但是如何将pdf转换成jpg成了让大家头疼的问题.下面小编就将pd ...
webp怎么转png？图片webp格式怎么转换？
webp是一种动态格式的图片,那么怎么把它改变成其他格式呢?使用专业的工具来处理是最方便的方法了,如何使用webp在线转换工具把webp转png(在线图片格式转换器(jpg.png.gif.webp. ...
图片转换格式的具体操作步骤
在工作中,作为运营人员每天都会使用到大量的图片,当我们把这些图片上传到网上时,由于网上的格式限制,导致我们手里的一些图片无法上传.这时我们就需要转换图片,一般这种情况下会用软件进行格式转换,非常方便简 ...

图片的格式和使用场景

前端图片的格式和使用场景

图片的格式和使用场景相关推荐

最新文章

热门文章