№.008「扫盲」一直搞不明的JPG、PNG和GIF，小白：这次
2018-07-13 本文已影响13人
Bluesky2088
话说冰叔于最近7月7注册了一个公众号，准备发点破文，收点赞恶评，不想摸索再三，N......M......居然没有留言功能，一查原是腾妈为响应国家......白注册啦......试想没有评论的公号还有灵魂不？冰叔只有寻思着看能不能卖上这张脸去借一个用啦！
专业的甲方
[➦上期节目№.007]中冰叔主要说到了关于图像的色彩、位深、模式、分辨率等一些常识，那么这一节冰叔就依据一些经验来给大家普及一下不同图像格式间的异同和作用，了解了这些，你就会知道什么情况下用什么样的格式最好？
▍一起来认识JPG、PNG和GIF ▍
使用最广泛的图像格式
- 特点：体积小！体积小！体积小！质量差(高压缩比时)！
- 应用：你可以这样理解，你网络上每看到的十张图像中就有九张是JPG，是世界上使用最广泛的图像格式没有之一。因为可以压缩的很小(100:1)，非常的利于保存和传输，比如你手机所拍的风景、人像、自黑照等除特别情况外，默认都是JPG。
- 其它：JPG还有一个兄弟叫JPG2000(.JPF)，虽然编码方式更优秀，同等大小下质量会更好，但却始终应用面过窄，少有人知，以至早期的PS都打不开此种文件。
皇帝的新衣？
- 特点：支持透明！支持透明！支持透明！质量不错！
- 应用：当您需要在一个有色背景(非白色)上放置图像时，JPG图片无法逃避的一个问题就是露白，如下图所示：
非白色背景下的JPG图片
然而PNG(PNG24)格式可以包含有一个透明通道，将图片镂空，就比如下图的效果，不论背景怎么样变化PNG24都可以透出背景，在非常非常多的情况下，我们都需要PNG的这种特性来展现这种镂空效果。
不同背景下的PNG图片
如上图所示，PNG在不同的背景下都可以展现同样的镂空效果，现在大家应该清楚PNG的神奇之处了吧！
- 其它：PNG格式有PNG8和PNG24之分，PNG8支持256色，而PNG24则包含了RGB三个8位色深以及一个8位的黑白通道，用于支持图片的透明，是32位的彩色图像。
会动的画？
- 特点：会动的图！会动的图！会动的图！体积相对小！
- 应用：试想一下，如果你有一天在聊天时使用的QQ、微信或者浏览的网站、网页突然都变得死一般的寂静， 那一定是少了这么几样东西：动图(Gif)、动画(Flash)和视频。其中我使用在聊天时所发的各种表情和动态内容，其根本的格式就是Gif，它就最大的优点就是不需要像视频和Flash一样受限于设备、编码、播放条件的等等限制，通用的Gif能被所有的浏览器支持，如下图所示：
发钱啦！
- 其它：因为GIF只支持256色，所以体积并不算大，显示效果不会很好，所以几乎不会有人用GIF来保存你的私房照！
▍还有BMP、TIF和PSD ▍
以上就是我们日常工作中，所能接触到的最常见的三种格式，针对于一些你所听闻过，但不一定常用的格式还有：BMP、TIF、PSD等，冰叔作出如下描述（非定义）：
Windows画板支持的BMP格式
- BMP：微软所定义的Windows下标准的图片格式，你用Windows画板画出的图像默认格式就是BMP，如下图所示，BMP用冰叔的经验描述就是质量好、体积大、没人用。
以Tif格式保存的贴图文件
- TIF或TIFF：这是一个非常灵活多变的位图格式，包容性很强，不论是图层、路径、色彩模式、压缩方式、透明通道等等元素都可以被灵活的支持和调整，主要用于专业领域(如平面设计行业)的图像保存，而且还支持像PDF一样的多页特性，冰叔早期使用的扫描仪扫出来都是TIF格式(现在主要是PDF)，冰叔评价：体积大、够灵活、专业用。
PSD
- PSD和PSB：冰叔认为，准确的说它们并非是传统意义上的图像格式，它们实际上只是用于存储Photoshop文件各种编辑信息(如路径、通道、图层、叠加效果、矢量形状等等)的专用文件格式而已，并不具备其它图像格式的大众通用性。
冰叔总结和经验：
- JPG：日常照片最适的保存方式，但需控制好质量和容量间的平衡。
- TIF：更适合专业应用，比如你需要交付的设计稿、专业存档资料等，TIF具有更高的可控度（比如有损或无损压缩）和可编辑性（比如多页、图层、路径、通道等）。
- 网页：需要会动的用GIF、需要能透的用PNG、只是普通的用JPG。
- 色彩：PNG8和GIF虽然只支持256色，但这里的256色不是固定的，它是根据自身图像的不同而单独提炼出来的一个最近似图像本身色彩的256色色盘。其实看上去也没有想像中的辣么差！
- 透明：PNG24和GIF都支持透明，但GIF只有完全透和完全不透两种形式，而PNG24则支持从0-100%间的所谓半透明度。
- 模式：PNG不并支持CMYK模式，仅用于RGB条件上的显示，而JPG可以支持各种色彩模式。
- 大小：GIF文件小？，这只是相对的，因为GIF只有256色信息，相对于BMP这种没压缩的当然要小很多，而相对于同等尺寸的JPG，GIF其实一点都不小，也因为平常大家使用GIF时图片的尺寸都不会太大，所以感觉上它很小，然而这只是假像，你去录个全屏的GIF输出动画试试，定比一般的视频文件都大。
- PDF：这并不是一个图像格式。
好的，关于图像基础的内容，冰叔花了前后两节来进行讲解，因内容面向的是广大的小白群体，使用的也是通俗易懂的语言，在专业性上会有所不及，如需更深度的掌握相关知识，那么请大家下去以后，多花些时间去学习和理解！真正理解了，才算是你拥有了！「TIME:5h▲Last Update:2018-07-13-12:05」
冰叔原创不易，请多多点赞评论！更多精彩文章！即刻订阅!冰叔专栏《从电脑小白到办公能手》......冰叔与您一同成长......
