常用图片格式说明
2023年05月05日
我们常用的图片格式有:JPG、JPEG、PNG、GIF、SVG、WEBP、BMP、ICO。
本网站还支持以下格式:HEIC、HEIF、TIFF、PSD、PSB、AVIF、TIF、TGA、PPM、PGM、PBM、CR2。
在介绍各种格式之前,我们先了解下位图和矢量图。
位图和矢量图
常见的图片,一般可以分为位图和矢量图。
位图是基于图像的矩形栅格内的每个像素值来进行编码;位图的最小单位是像素,每一个像素对应一个色彩值,通过像素的色彩值展示出图像;位图的像素特点导致它缩放的时候图像会失真;常见格式如 JPG、PNG。
矢量图也叫向量图,通过使用点、线和多边形来描绘图像;一般应用于简单形状的图形,并且能保证在缩放的时候不失真;常见格式如 SVG。
JPG
jpg格式是最常见的图像格式,我们使用手机、相机等设备拍的照片几乎都是这种格式的,互联网上也有大量jpg格式的图片。根据一些数据显示,jpg格式的图片目前大概能占到七八成的比例。该格式的文件通常以 .jpg 或 .jpeg 为扩展名。
它属于有损压缩导致质量下降、不支持透明度,但色彩丰富、文件较小,适用于色彩丰富的照片、渐变图像,以及通用场景都较合适。
PNG
png格式也是非常常见的图像格式,在网络传输和资源展示中都用处很大,它相比于jpg,能够支持透明度,并且图片更清晰、逼真,这也是它被广泛使用的原因之一。
png属于无损压缩格式,色彩丰富、且支持透明度,适用于各种通用场景,对图片质量要求较高,或者需要透明度的情况。
GIF
gif格式最常应用的场景就是互联网上的表情包和各种图片动画效果,属于各种社交媒介最常用的符号之一,因此只要上网几乎都见过这种格式。
它支持帧动画、透明效果、文件较小,但色彩简单图像质量不够高,适用于表情动图、简单的logo、icon等图片,不适合颜色复杂细丰富的图片。
SVG
svg格式是浏览器支持的唯一一种矢量图格式,它是一种可伸缩的矢量图形,基于xml语言进行描述的,它缩放不失真的特点对我们在多屏展示图标很有帮助。
它属于矢量图、不失真、文件小、支持透明度、动效等,适用于需要高效保真的图像,各种图标、logo、icon、图形表等等。
WEBP
webp是一种相对较新的图像格式,它是谷歌推出的,最大的特点是:视觉效果好、色彩丰富的同时,同样图像的文件大小能比jpg、png小很多。
它支持透明度、动画效果、文件更小、图像质量更好,属于有点很多的图像格式,比如现在很多网站都使用webp图片用来减少带宽。
BMP
bmp格式是一种保存图像原始数据的图片格式,属于window系统中的标准图像格式,它是无损压缩,几乎不会作任何有损图像数据的操作,因此它是图像原始数据的一种来源。
它能保持图像完整的数据、画质很高,但图像文件较大,一般网络上很少使用。
ICO
ico是一种图标文件格式,一个文件可以存储多个尺寸的图像数据,较常见于win系统下的系统图标。
它支持透明度,一般尺寸都较小,互联网开发种常用的网站站点图标就是使用这种格式:favicon.ico,显示在浏览器页面的标签tab上。
HEIC
heic是苹果公司研发的一种图像格式,已经成为iphone手机拍摄照片时的默认图像存储格式,常以 .heic 或 .heif 作为图像文件后缀名。
它压缩算法先进,能比其他格式更小,画质还能保持很高,但兼容性上不如其他格式图片。
TIFF
tiff是一种灵活的位图格式,图像格式复杂,存放的图像信息灵活多变,可以支持很多色彩系统,应用也很广泛。一般以 .tif 或 .tiff 作为文件后缀名。
PSD
psd是photoshop提供的一种文件格式,可用于承载大量图层数据信息,在UI设计中应用最广泛,常以 .psd 或 .psb 作为文件后缀名。
它图像压缩较少,加上图层,所以占用体积会较大,很少有工具支持psd展示。
AVIF
avif是一种基于AV1视频编解码器的网络图像格式,开源免费,avif支持全分辨率的10位和12位色彩以及HDR。
它占用体积较小,可以使用无损或有损,图像色彩也较丰富,被越来越多的网络服务所支持。
TGA
tga格式是计算机上应用最广泛的图像格式。在兼顾了BMP的图象质量的同时又兼顾了JPEG的体积优势。
并且还有自身的特点:通道效果、方向性。在CG领域常作为影视动画的序列输出格式,因为兼具体积小和效果清晰的特点。
PPM
ppm是一种用于存储可携式图形映射:颜色(PPM)、灰度(PGM)和黑白(PBM)的简单格式。常以 .ppm、.pgm 或 .pbm 作为文件后缀名。