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

iOS PNG和JPG的区别相关推荐

  1. 相同点安卓和iosui的相同点_学UI设计必要分清iOS和Android的设计区别

    原标题:学UI设计必要分清iOS和Android的设计区别 不同平台的设计和开发感觉像是在不同的国家之间旅行.你要做同样的吃吃睡睡看景点的事情,但是这些国家的风俗习惯社会制度会制约你如何吃吃睡睡游览景 ...

  2. iOS @2x @3x图的区别和理解

    苹果官方网页介绍: Icons and Images - Apple Developer iOS用于在屏幕上放置内容的坐标系统是基于点的度量,点映射到屏幕上的像素.标准分辨率显示器的像素密度为1:1( ...

  3. 简单从开发者角度谈谈iOS与安卓开发的区别

    前言 时间到了2019年,移动应用开发不再是以前绝对的香饽饽,大浪淘沙,凡是很容易被取代的职业都会贬值,程序员也是如此 所以,作为移动应用开发者,还是应该努力提高自己的姿势水平,技术越高越不可替代嘛 ...

  4. ios跟android有什么区别,ios 系统和安卓系统在交互层面上有何区别?

    大家来谈谈 ios 系统和安卓系统在交互层面上的区别? 主要是想区别下 ios 系统和安卓系统在交互上的不同点,也可以是 ui 视觉上的区别 絮 #oRA 昨天 18:13 1. 导航逻辑差异 ios ...

  5. iOS 堆和栈的区别?

    前言 堆和栈是什么?有什么区别?是干嘛的?啥东西呀这是?别急,慢慢看下去 内存管理 移动设备的内存及其有限,每一个APP所能占用的内存是有限制的 (吐槽一下:iPhone6s还是16G起步,还好我也买 ...

  6. ios和android的侧重点,ios和安卓手机最大区别(理智讨论)

    在这个智能机更新越来越快的年代,大家对手机需求也越来越多,各大产商的手机分类也越来越明确.有无脑堆料着重品质感的旗舰,也有最强的芯片搭配廉价外科的性价比机器.目前手机用户其实分为两大阵营,就是ios和 ...

  7. ios多线程和进程的区别(转载)

    很想写点关于多进程和多线程的东西,我确实很爱他们.但是每每想动手写点关于他们的东西,却总是求全心理作祟,始终动不了手. 今天终于下了决心,写点东西,以后可以再修修补补也无妨. 一.为何需要多进程(或者 ...

  8. iOS中nil Nil NULL 区别

    为什么80%的码农都做不了架构师?>>>    一.nil 当一个对象置为nil时,这个对象的内存地址就会被系统收回.置空之后是不能进行retain,copy等跟引用计数有关的任何操 ...

  9. ios retain 与 copy 的区别

    .retain 与copy区别 retain 的仅仅是引用计数加1,但是并没有创建新的对象.它们的指针是指向相同的内存地址. copy 是创建一个新的对象作为原来对象的副本,新创建出来的引用计数并没有 ...

  10. iOS for 和 forin 的区别 以及注意事项

    一 效率: for VS for(... in ...) for 的应用范围广基本可以NSArray.NSArray以及C语言的数组等,而for(... in ...)仅限于NSArray.NSArr ...

最新文章

  1. 【c语言】蓝桥杯算法提高 输入输出格式练习
  2. linux回显冲突,Linux-Binfmt-support-不允许我回显注册
  3. windows下利用sox批量将PCM转为WAV
  4. 婚纱照嘴巴有点凸好p吗_丑拒80寸奢华大片挂床头,压箱底的婚纱照还能这样摆?...
  5. Activiti6.0教程 Eclipse安装Activiti Diagram插件(一)
  6. bca ac如何联合索引_BCA的完整形式是什么?
  7. 27.课时27.【Django模板】for标签使用详解(Av61533158,P27)
  8. Activiti工作流(三)——流程变量
  9. 1900页Python系列PPT分享四:字符串与正则表达式(109页)
  10. 基于行跟踪的ROWDEPENDENCIES ORA_ROWSCN信息
  11. C语言从入门到放弃2022年8月3号
  12. 阿里云盘 Mac客户端(附福利码)
  13. 计算机网络需要解决什么问题,计算机网络故障的解决措施
  14. python判断字符串是否包含英文字母
  15. 机器学习之决策树算法前期(创建、分类及展示)
  16. Vue改变网页背景颜色切换
  17. 哔哩哔哩2020年Q4及全年财报:全年营收120亿元,同比增长77%
  18. iOS 左上角的返回按钮的几种设置
  19. 2014年放假安排:除夕非法定假日
  20. c语言优秀教案,C语言优秀教案.doc

热门文章

  1. 实现IP地址归属地显示功能、号码归属地查询
  2. 【前端词典】进阶必备的网络基础
  3. CImageList
  4. 在线PDF保护解除器,完全免费,没有文件数量限制 - PDF在线解锁器
  5. 继电保护原理6-发电机保护
  6. 网络编程——TCP编程及UDP编程
  7. 【软件需求工程】北理的恶龙们——软件需求规格说明
  8. java项目超市购物管理系统
  9. 【SQL】Case语句的用法实例
  10. java 8 中文字体_jdk安装中文字体,解决Can't read the embedded font LNUHUF+SimSun