有次面试,面试官有问到png和jpg图片的区别,后来查了下。
主要看三个方面: 真实性、透明性、矢量性
1、png格式的图片有alpha通道,png无损压缩,jpeg允许你选择0-100%的压缩质量。如果需要alpha通道(透明),就只能用png格式。
2、png即可移植网络图形格式,也是一种位图文件存储格式,可以进行无损压缩。而jpg是我们最常见的图片格式了,图片占用存储较少,但是也牺牲了图片质量。
附:
各种图片格式(来源网络)
Jpg格式
这种格式是最常见的,也是用的最多的图片格式,很受大众的喜爱;
Jpg图片其实一生成出来就已经是有损的了,他是把一些不打算存储的数据抹擦掉,
可支持有陨压缩
不支持透明
不支持动画
非矢量
色彩还原度比较好,可以支持适当压缩后保持比较好的色彩度
如果你图片颜色很多的,建议使用这个图片格式,可以使生成的图片大小比较小而不会使图片看起来很模糊(失真)
Jpeg格式
与jpg格式相似,经常在拷相片的时候看到得,但我们制作图片的时候一般是保存jpg,该种图片格式是文件相对jpg大,因为里面存储了很多相机里的拍摄参数,像色相、饱和度、对比度等
可支持有陨压缩
不支持透明
不支持动画
非矢量
可用于直接打印和印刷(相对于jpg要好)
Png格式
该格式是在网页中用的较多的一种格式,因为他支持特明
不支持压缩
支持透明、半透明、不透明
不支持动画
非矢量
网页设计中为了使图片下面的背景颜色显示出来,我们经常会使用png24透明的图片,
Png8是类似gif的透明度,有带半透明(alpha为50%)的地方的时候以不透明处理。
Png图片如果色彩较多或复杂,则图片生成后的格式是很大的,相比较jpg的放有5~6倍之多,所以没特别要求不能以png替代jpg的使用
Png图片多用于网页中的图标设计
IE6不支持png透明特性,有png的地方会以灰色底显示,相当难看,不过ie6已经慢慢淡出了我们的视线,相信png的应用会得到更广泛。
Gif格式
用于介于屏幕媒介的可视物体,如网页,使用比较多。
用的最多的就是特点就是图片很小(一般几kb)、动画
该格式的图片位深相对较底,只支持web色颜色种类有限,无法过渡平滑。
可支持有陨压缩
不支持全透明
支持半透明
支持动画
非矢量
使用该格式的场景:网页背景、小图标、色彩度低的小切片、动画图片;
Bmp格式
Windows格式,windows操作系统特有的图片,该图片保存了大量的图片数据,所以图片相对是比较大的,色彩度很真实,windows的桌面就是bmp格式的,通过设了桌面背景后,会在系统生成张bmp的图片用于保存该桌面壁纸,缺点:图片格式较大
可支持有陨压缩
不支持透明
不支持动画
非矢量
Tiff格式
印刷格式,色彩真实,支持保存图层(像psd,但像路径、蒙版等不可保存),通常发给印刷公司的图片就是用这种格式的
不支持压缩
不支持透明
不支持动画
非矢量
总结: 1、 在通常情况下面 jpg与jpeg是一样的,只是里面保存的数据不一样,但我们多数使用的是jpg(后缀是小写,大写的有些是无法读写),在图片颜色丰富的地方使用该格式保存,像拍摄的相片,ps合成的图片,经常保存图片时我会压缩20% 保留80%,看上去没有变化,但文件大小小了很多; 2、 png是用于全透明(保存png24)图片,该格式是多数用于小型格式的图片,不然文件会很大; 3、 gif是用于网络图片,可以制作成带有帧的动画图片,图片文件比较小,同时颜色也不是很丰富,不建议用于带简便的图片,除了颜色很浅很简单的切片; 4、 bmp一般是windows保存的高保真图片,图片很大; 5、 tiff一般用于印刷图片,平面设计可以保存格式并发送给制作部门制作实物,图片也一般较大; ai、cdr、eps是矢量图形,根据自己的使用习惯,可以调整,并没有特别的界限; |