jpg、jpeg、png... 的区别
对于做设计这一行的人来说,这几个图片格式是最常用的,也是最常见的,几乎每一天都要与他们打交道。
刚刚入门的新人通常不知道在什么地方如何使用他们或者说如何更有效的使用他们。
那他们到底是有什么区别?(一句话,可看总结)
用最简单的话来说就是三种: 真实性、透明性、矢量性
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是矢量图形,根据自己的使用习惯,可以调整,并没有特别的界限;
jpg、jpeg、png... 的区别的更多相关文章
- jpg, jpeg和png区别?
jpg是jpeg的缩写, 二者一致 PNG就是为取代GIF而生的, 无损压缩, 占用内存多 jpg牺牲图片质量, 有损, 占用内存小 PNG格式可编辑.如图片中有字体等,可利用PS再 ...
- js上传文件(图片)限制格式及大小为3M
本文保存为.html文件用浏览器打开即可测试功能 <form id="form1" name="form1" method="post&qu ...
- js上传文件(图片)的格式和大小限制
如果你想快速解决这个问题,看本文就够了.查了好多资料,终于解决了,太耗时间了,本文留给给后来者,希望你们工作的更轻松 本文保存为.html文件用浏览器打开即可测试功能 <form id=&quo ...
- Web前端面试题整合,持续更新【可以收藏】
饭后闲来无事,把这几年带学生用的一些面试题整合一下,供上!拿走,不客气!应付一般公司的二面基本上是够用了.祝你早日拿到心仪的offer. css相关 1. 万能居中 1.margin: 0 auto; ...
- GIF、JPEG 和 PNG的区别在哪…
原文地址:GIF.JPEG 和 PNG的区别在哪里?作者:苗得雨 GIF.JPEG 和 PNG 是三种最常见的图片格式. GIF:1987 年诞生,常用于网页动画,使用无损压缩,支持 256 种颜色( ...
- [转载]GIF、JPEG 和 PNG的区别在哪里?
原文地址:GIF.JPEG 和 PNG的区别在哪里?作者:苗得雨 GIF.JPEG 和 PNG 是三种最常见的图片格式. GIF:1987 年诞生,常用于网页动画,使用无损压缩,支持 256 种颜色( ...
- 常见图片格式PNG,JPEG,BMP,GIF区别总结
在前端工作久了经常会遇到各种格式的图片文件,现文做一些区别总结,帮助理解但不深入. [PNG](Portable Network Graphics) PNG是一种无损压缩的位图图形格式,主要有PNG8 ...
- Sensor信号输出YUV、RGB、RAW DATA、JPEG 4种方式区别
简单来说,YUV: luma (Y) + chroma (UV) 格式, 一般情况下sensor支持YUV422格式,即数据格式是按Y-U-Y-V次序输出的RGB: 传统的红绿蓝格式,比如RGB565 ...
- 嵌入式开发之davinci--- 8148/8168/8127 中的图像采集格式Sensor信号输出YUV、RGB、RAW DATA、JPEG 4种方式区别
简单来说,YUV: luma (Y) + chroma (UV) 格式, 一般情况下sensor支持YUV422格式,即数据格式是按Y-U-Y-V次序输出的RGB: 传统的红绿蓝格式,比如RGB565 ...
随机推荐
- 开涛spring3(7.3) - 对JDBC的支持 之 7.3 关系数据库操作对象化
7.3.1 概述 所谓关系数据库对象化其实就是用面向对象方式表示关系数据库操作,从而可以复用. Spring JDBC框架将数据库操作封装为一个RdbmsOperation,该对象是线程安全的.可复 ...
- 使用Charles Proxy提升iOS开发效率
以前做前端开发的时候,使用最多的工具就是 Fiddler ,用来定位问题.模拟特定场景非常方便,极大提升了开发效率.而转做 iOS 开发以后,一大头疼的问题是 Fiddler 没有 Mac 版,幸亏找 ...
- SSH实现无密码验证登录
http://blog.csdn.net/houqd2012/article/details/8544517
- 几个常用的linux快捷键和shell知识
1) !$ !$是一个特殊的环境变量,它代表了上一个命令的最后一个字符串.如:你可能会这样: $mkdir mydir $mv mydir yourdir $cd y ...
- 2017-5-29 Excel VBA 小游戏
---恢复内容开始--- 转一个Excel VBA的小游戏,最近对excel有了更深入的了解,功能很强大,也刷新了我对待事情的态度. 一.准备界面 我们先来把游戏界面准备好,选中前4行,行高调成50, ...
- VR全景智慧城市,平台属于每个有创业梦想的人
如果你还在人生十字路口迷茫,如果你还想你的人生有所成就,让你的人生有不一样的精彩,就来全景智慧城市平台共同打造属于自己的不同凡响的精彩人生吧! 抓住这个机遇,你就走在了 VR时代的前沿,时势造就英雄, ...
- Eclipse导入项目常见问题----jdk版本问题(有个红色感叹号)01
我们导入项目时,有时会看到项目上有一个[红色的感叹号!],这说明该项目的jdk版本和你的电脑安装的jdk版本不匹配. 可能导入的项目时jkd1.6,1.8等等,而你安装的是jdk1.7 如下图: 解决 ...
- django使用model创建数据库表使用的字段
Django通过model层不可以创建数据库,但可以创建数据库表,以下是创建表的字段以及表字段的参数.一.字段1.models.AutoField 自增列= int(11) 如果没有的话,默认会生成一 ...
- ASP.NET MVC5(三):表单和HTML辅助方法
表单的使用 Action和Method特性 Action特性用以告知浏览器信息发往何处,因此,Action特性后面需要包含一个Url地址.这里的Url地址可以是相对的,也可以是绝对的.如下Form标签 ...
- JQuery 实现返回顶部
1.添加html <div id="back-to-top"> <a href="javascript:;" title="返回顶部 ...