对于做设计这一行的人来说,这几个图片格式是最常用的,也是最常见的,几乎每一天都要与他们打交道。 
刚刚入门的新人通常不知道在什么地方如何使用他们或者说如何更有效的使用他们。 
那他们到底是有什么区别?(一句话,可看总结) 
  用最简单的话来说就是三种:  真实性、透明性、矢量性  
1、  真实性中就是色彩度、位深、损耗(压缩)等;(jpg、jpeg、gif、tiff、bmp)
2、  透明性就很明显了,就是支技透明的特性,但这里也有一个就是位深,他会影响透明度的深度png8与png24的差异就在这里;(png)
3、  特殊动画,就是支持帧的特点,可以做成动画;(gif)
4、  矢量性就可还原度,可再编辑的特性,通俗一点来讲就是很多人常说的放大不模糊的特点,因为他们的组成是由公式曲线方程生成的(但我们是可视化的编辑)(ai、cdr、eps)

注:后面括号里的格式并不是一定持前面的所有特性
  下面我们一个一个来讲解一下 
   
   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,但像路径、蒙版等不可保存),通常发给印刷公司的图片就是用这种格式的 
不支持压缩 
不支持透明 
不支持动画 
非矢量 
   
   ai、cdr、eps格式  
  这三种格式都是矢量格式 
对于矢量格式的图形会因为软件的版本差异而打开后有所不同。 
   
ai格式是 Adobe公司旗下软件 Adobe Illustrator 生成的可再编辑矢量图片,与CDR可以通用,与PS可以通用,在ps里双击ai图片层会自动打开ai软件编辑,在ai里按保存后切换ps后可以看到会实时变化,正因为编辑可以同步,ai现在用的越来越广; 
   
cdr格式是Corel公司旗下软件CorelDRAW生成的可再编辑矢量图片,该格式不能直接与ai通用,需要导出ai格式再切换。目前多数广告公司用的广告产品排版软件就是这个; 
这个一定要与esp格式分开,esp并不是图片格式; 
Eps是Encapsulated PostScript的缩写,是跨平台的标准格式,主要用于矢量图像和光栅图像的存储。 
   
eps格式采用 PostScript语言进行描述,并且可以保存其他一些类型信息,例如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等,因此EPS格式常用于印刷或打印输出。 
该格式是可能使用cdr与ai同时打开 
   总结:  
1、  在通常情况下面 jpg与jpeg是一样的,只是里面保存的数据不一样,但我们多数使用的是jpg(后缀是小写,大写的有些是无法读写),在图片颜色丰富的地方使用该格式保存,像拍摄的相片,ps合成的图片,经常保存图片时我会压缩20% 保留80%,看上去没有变化,但文件大小小了很多;
2、  png是用于全透明(保存png24)图片,该格式是多数用于小型格式的图片,不然文件会很大;
3、  gif是用于网络图片,可以制作成带有帧的动画图片,图片文件比较小,同时颜色也不是很丰富,不建议用于带简便的图片,除了颜色很浅很简单的切片;
4、  bmp一般是windows保存的高保真图片,图片很大;
5、  tiff一般用于印刷图片,平面设计可以保存格式并发送给制作部门制作实物,图片也一般较大; 
ai、cdr、eps是矢量图形,根据自己的使用习惯,可以调整,并没有特别的界限;

转载于:https://www.cnblogs.com/pms01/p/6895765.html

jpg、jpeg、png... 的区别相关推荐

  1. jpg和jpeg图片有区别吗?

    没有区别. JPEG的文件格式一般有两种文件扩展名:.jpg和.jpeg,这两种扩展名的实质是相同的,我们可以把*.jpg的文件改名为*.jpeg,而对文件本身不会有任何影响. 严格来讲,JPEG的文 ...

  2. jpeg jpg 格式区别

    由此可见:"jpeg"与"jpg"两种格式的图片表面上是一样的,它们之间还是存在着质的区别

  3. 页面体验提升小技巧—渐进式图片

    前端性能方面有许多可优化的点,而这些优化带来的就是用户体验的提升.今天我们要聊的东西并不能给性能带来提升,但却能在一定程度上提升用户的体验. 参考博客     场景:在访问页面的时候如果图片较大或者网 ...

  4. 【Web技术】1064- 前端9种图片格式基础知识, 你应该知道的

    彩色深度 彩色深度标准通常有以下几种: 8位色,每个像素所能显示的彩色数为2的8次方,即256种颜色. 16位增强色,16位彩色,每个像素所能显示的彩色数为2的16次方,即65536种颜色. 24位真 ...

  5. 2020 web前端面试题及答案大全

    css相关 1. 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高,垂直 4.表格,center,middle:水平垂直 5.display: ...

  6. 基于opencv第三方视觉库,通过内网IP调用手机摄像头,实现人脸识别与图形监测

    1. 安装opencv视觉库 OpenCV 是一个开源的计算机视觉库,OpenCV 库用C语言和 C++ 语言编写,可以在 Windows.Linux.Mac OS X 等系统运行.同时也在积极开发 ...

  7. Web前端面试题整合,持续更新【可以收藏】

    饭后闲来无事,把这几年带学生用的一些面试题整合一下,供上!拿走,不客气!应付一般公司的二面基本上是够用了.祝你早日拿到心仪的offer. css相关 1. 万能居中 1.margin: 0 auto; ...

  8. web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。

    本篇文章整理总结了一些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一面基础面应该没什么问题,二面也能应付大半,奉上: css相关 更多教程:https://su ...

  9. JPG、PNG、BMP、RAW傻傻分不清楚?一文帮你解析常见的图像文件格式及其差异

    https://www.sohu.com/a/468617858_120293876 文章目录 第1部分.什么是图像文件 第2部分.JPG vs JPEG vs JPEG 2000 1.什么是JPEG ...

  10. 你应该知道的前端9种图片格式基础知识

    彩色深度 彩色深度标准通常有以下几种: 8位色,每个像素所能显示的彩色数为2的8次方,即256种颜色. 16位增强色,16位彩色,每个像素所能显示的彩色数为2的16次方,即65536种颜色. 24位真 ...

最新文章

  1. oracle 体系结构认识,Oracle数据库体系结构简单认识一
  2. MySQL探索(一):B-Tree索引
  3. linux mariadb 乱码,配置mariadb远程访问权限,解决数据库乱码问题
  4. 【转】Task和async/await详解
  5. FFmpeg - 音频解码过程
  6. 处理FTP上传成功推理
  7. Atitit.创建快捷方式 windows快捷方式的原理
  8. [system] Map key not configured
  9. PL3376C-ASEMI电源管理芯片PL3376C
  10. Mac OS X 平台有哪些优秀应用可以将视频转成 GIF?Mac视频转gif软件推荐
  11. NetworkX中文使用手册
  12. pycharm中运行代码
  13. 用C语言求出0~999999之间的所有“水仙花数”并输出。
  14. 计算机网络基础技术:数据通信技术基本概念
  15. java 判断字符串是否相等
  16. 解决error: unknown type name ‘__u8’问题,认识__u8,__u16,__u32,__u64的大小及作用
  17. 为什么说Java匿名内部类是残缺的闭包
  18. Java项目开发—坦克大战(附源码)
  19. linux ps w,Linux监控命令—who,w,ps
  20. 下一个交易日是多久?一个交易日是多长时间

热门文章

  1. Hololens Vuforia 物体识别
  2. Commons Collections4 简单使用
  3. 关于 in与exist , not in与not exist 的区别
  4. Servlet期末复习笔记
  5. Spring boot 自定义拦截器 获取 自定义注解 信息
  6. 阶段3 2.Spring_08.面向切面编程 AOP_7 通用化切入点表达式
  7. 阶段3 2.Spring_07.银行转账案例_10 使用动态代理实现事务控制
  8. 使用 urllib 构造请求对象
  9. SQL 高效运行注意事项(一)
  10. myBatis之入门示例