iOS PNG和JPG的区别

本文详细对比了PNG和JPG两种图片格式的特点,包括它们的压缩方式、透明度支持及适用场景。此外还介绍了GIF、BMP、TIFF等常见图片格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有次面试,面试官有问到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是矢量图形,根据自己的使用习惯,可以调整,并没有特别的界限;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值