平面设计
位置:首页>> 平面设计>> Photoshop教程>> 关于png格式的一点说明

关于png格式的一点说明

作者:思扬 来源:思绪飞扬 发布时间:2009-06-04 09:47:00 

标签:png,png格式,透明度

如果我问你png是什么、有什么特点,你会如何回答?我听到的最多的答案就是png是一种包含半透明格式的图片。其实这是很不全面的理解。不知道你是否注意到,当我们使用PS存WEB格式的PNG时,会有二种格式的Png供你选择:png8、png24,你知道它们到底有什么区别么? 

我在网上也看过别人的提问以及好多人对png的理解,有些朋友认为他们的区别是颜色位深的不同。而在我的理解中两种模式的根本区别:是因存储方式不同导致的图像显示不一样。

我们先找png的存储格式来看一下:

关键数据块中有4个标准数据块:

  • 文件头数据块IHDR(header chunk):包含有图像基本信息,作为第一个数据块出现并只出现一次。

  • 调色板数据块PLTE(palette chunk):必须放在图像数据块之前。

  • 图像数据块IDAT(image data chunk):存储实际图像数据。PNG数据允许包含多个连续的图像数据块。

  • 图像结束数据IEND(image trailer chunk):放在文件尾部,表示PNG数据流结束。

在第二个数据块中包含了调色板数据块。可是,当我们去解析png24时,却未找到调色板、并且我们发现png24的存储模式是点阵颜色值加一位的阿尔法通道值构成的,这种存储模式根本不需要调色板的存在。基于这种存储模式,png24的位深最低是32位真彩,在我们看到的图像过渡中会很圆润,因为每个点都可以是不同的色彩以及不同的透明值。而这种模式也是我们最常使用、大家所理解中的png模式。至于"png"后面的“24”可见也和位深并无关系,至于为什么叫24,我也没有找到具体的答案。

png24源数据中无调色盘的存在,而在标准数据块的第二块中,却显示了调色板数据块。即然存在,肯定是有意义的,可见png有另外一种存储模式--带色盘的png8模式。png8有点类似于GIF,包含了一个调色板,并在调色板上有一个透明颜色值,这种模式在计算机的存储中,每个点阵存储的是色盘索引、并且无阿尔法半透明位。所以,png8在颜色位深上,可以低于32位;也可以使用更换色盘的技术来处理一些独特的效果;但是由于每个点阵没有阿尔法定义,边缘会像GIF一样存在锯齿现像。

好像讲的有点乱,总结一下区别吧

  • png8和png24的根本区别,不是颜色位的区别,而是存储方式不同;

  • png8 色盘索引、调色板中一位透明值、不支持阿尔法通道的半透明,存储格式中每个像素无透明度的数据块定义;

  • png24 无调色板、支持阿尔法通道的半透明、每个点阵都有透明度的定义,最低32位真彩色;

特性

  • 支持256色调色板技术以产生小体积文件

  • 最高支持48位真彩 * 像以及16位灰度图像。

  • 支持阿尔法通道的半透明特性。

  • 支持图像亮度的gamma校正信息。

  • 支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。

  • 使用无损压缩

  • 渐近显示和流式读写,适合在网络传输中快速显示预览效果后再展示全貌。

  • 使用CRC循环冗余编码防止文件出错。

  • 最新的PNG标准允许在一个文件内存储多幅图像。

0
投稿

猜你喜欢

  • 原文来自:AdobeTutorialz 翻译:S.ShekA detailed tutorial on how to create
  • 本教程主要是通过可选颜色和图层混合模式来调色,不同的照片有不同的调色方法,调色的时候完全可以按照自己的习惯去调。效果自己满意就可以了!原图最
  • 本教程介绍滤镜的一些使用技巧。制作的过程基本上都是利用滤镜及调色工具来完成。滤镜效果非常强大,很多漂亮的效果都可以用它来完成。最终效果1、新
  • 在制作之前,需要对立体的透视有一定的了解。这样制作起来就比较方便。而且做出的效果就比较真实。教程虽然不难,不过还是要注意好细节及光感的处理。
  • 论坛里有篇关于扣透明塑料膜的帖子,利用抽出的方式来抠图。我也仔细的看过了,毕竟抽出会对图像造成一定图损,而且容易造成新手很多误解。这里给大家
  • 我要感谢这些艺术家允许我使用他们的图片:Rene Asmussen, night-fate-stock, vividlight, jdbar
  • 薛欣   xuexin@126.com    转载请注明出处说实话,Photoshop能混
  • 最终效果:在本教程中,大家将学习如何使用Photoshop在短短几分钟内再现著名的Aqua墙纸。这其实很简单的!(其实就是个字体教程)pho
  • 教程原图色彩比较单一,调色的时候可以分开来调,最好把背景色调调得有点对比的色彩。这样人物就显得比较鲜明。 原图 最终效果  
  • 再次感谢作者再次给我们带来了经典教程。这次是人物调色教程,作者的美感很好,能用最简单的方法调出最优美的效果。作者近期教程:PS制作梦幻的彩色
  • 教程主要以讲解如何利用photoshop鼠绘动物猛兽老虎,如何把整个老虎的面部勾画出来和动物毛发表现,具体步聚请看下面详细的步聚讲解:最终效
  • 这里我们将学习如何去除彩色照片中的某一颜色(本教程以黄色为例)。图层 >> 新建调整图层 >> 通道混合器,按下图设
  • 本教程作者调出的色调非常有层次感,用较暗的背景衬托出鲜丽的人物。再配上一些装饰翅膀及星星笔刷,效果显得非常梦幻。原图最终效果1、打开素材图片
  • 有空就开始搞翻译了,正是所谓每周翻译,有益身体健康~第一次搞,弄了相对简单的教程,也比较忠于原作,慢慢来了~喜欢看E文的也可以去原文哪里看原
  • Photoshop CS5新增功能实例精解2010年4月Adobe公司传来喜讯,Photoshop推出了CS5版本,软件中增加了很多动人的新
  • Photoshop打造玻璃窗上的潮湿文字先看一下最终效果:1.在百度或者谷歌上搜索一张带有水珠的窗口图片,当然也可以用我提供的这张照片。然后
  • 原图最终效果1、用PS打开原图,复制一层然后得到图层1,然后自动色阶,自动对比度,自动颜色先简单的处理一下,然后建立曲线调整层,参数如图:P
  • 简介Photoshop的“动作”功能可以帮助我们完成一些枯燥的重复性工作。本教程就是这项功能的应用实例。有时候我们会需要把截屏图拿到Phot
  • 原载于:photoshop8x 作者 佚名  翻译:石小镇这是一个很简单的教程,用了几个笔刷和素材。上手非常容易,但效果很不一般,
  • 效果图原图教程如图:(字有点小,大家耐心点的看)
手机版 平面设计 asp之家 www.aspxhome.com