来自:不名一格 - 让 PNG-8图像在网页中完美演绎
-----------
网页前端设计到今天已经比较成熟,我们现在不会再去比较GIF和PNG孰对孰错,一种惯性会让大家优先选择PNG。W3C组织制定了PNG的规范 Portable Network Graphics,有兴趣的同学可以深入了解。
下面来说说我们常用的PNG-8。网页设计时,对于减少网页中图像数据大小,降低带宽,我们已逐渐使用8位PNG代替GIF,但是我们还缺以下几步就更加完美了:
一、避免PNG 在IE下的色差问题附解决方案:
IE下PNG色差主要是由于 浏览器对于PNG属性中Gamma项的解释不同。具体表现如图:
问题详细描述: CSS/PNG Gamma Consistency
这里能找到很详细的测试页面———— Browser Gamma-Consistency Test
测试结果———— CSS/PNG Gamma Consistency Test Results
最简单的解决方法是使用一些PNG属性检测的软件,将PNG图像中gamma属性删掉即可解决 PNG检测工具:TweakPNG,
解决办法:Fixing the PNG Color Problem in IE。
其实这个问题在我们使用PS CS3后的版本后已经解决,即将“颜色设置”中RGB设置为:sRGB IEC61966-2.1。并且在另存为Web格式时,弹出对话框中默认勾选了“转化为sRGB”,另存的图片中已经丢掉了gAMA chunk这项属性,所以大可放心。
二、压缩PNG,去掉不必要的数据块(chunk)
从任何 一个对PNG介绍的地方,我们可以找到如下资料:
关键数据块中有4个标准数据块:
* 文件头数据块IHDR(header chunk):包含有图像基本信息,作为第一个数据块出现并只出现一次。
* 调色板数据块PLTE(palette chunk):必须放在图像数据块之前。
* 图像数据块IDAT(image data chunk):存储实际图像数据。PNG数据允许包含多个连续的图像数据块。
* 图像结束数据IEND(image trailer chunk):放在文件尾部,表示PNG数据流结束。
参考资料:维基:Portable Network Graphics
通过TweakPNG对我们用PS存储的PNG图像进行检查,发现其中有“tExt Chunk,tRNS Chunk”两项,如下图:
我们已经知道标准数据块必须的四个chunk之后,tExt、tRNS 完全可以优化去除,看看去掉之后图片大小变化
三、使用PNG压缩软件优化PNG图像数据大小
推荐使用: PNG Gauntlet 或 PNG Monster
这两个软件的介绍就不罗嗦了。直接看压缩图标后的效果:
压缩效果是比较明显的。
<!--more-->
你可以通过下面链接直接获取工具:
Download PNGGauntlet (ZIP 526 KBytes)
Download PNGMonster (RAR 456 KBytes)
总之,如何选择图像的存储方式完全在于页面中图像的实际应用。不要太过于计较文件大小;当然在页面访问量特别大时,减少一比特对于带宽的节省是显而易见的,所以具体情况具体分析,比较时间成本会随之增加。
分享到:
相关推荐
ico/png互转AveIcon 是一个小巧的 ICO/PNG 互转小工具,有了它我就不用在打开庞大的 Axialis IconWorkshop 了,而且它界面超简洁,只需拖动图片到窗口中再拖动回来,整个转换过程就算完成了,更令人欣喜的是它还支持...
ICO和PNG图标转来转去,支持PNG格式和ICO格式的图标相互转换。
PNG图标互转换ICO工具PNG图标互转换ICO工具PNG图标互转换ICO工具 亲测可用,里面还有更新工具
要在flash想用必须转png 我写的这款软件可以实现 tga转透明png--目前只有压缩的TGA和有通道的TGA才可以其它的TGA 没有具体测试 功能: 1.将单个tga组装成一个大PNG 2.将png图片进行排序看起来更加整洁 3.对成生的...
一个实现PNG与ICO格式图标相互转换的小工具,由于网络中存在大量的运用于Web开发的PNG图标资源,利用这款工具能够很方便的将其转换成ICO运用于MFC等项目中
PNG转ICON,小巧、方便,可在PNG与ICON图标文件之间转换
WMF转PNG EMF转PNG 工具类,使用wmf2svg 来实现wmf转svg 用batik jar实现svg转png 这种转换 不存在图片丢失等问题!
PNG图片转ISO图标.zip自己动手自作自己的图标文件非常方便快捷
png图片转ico图标,等一些其他的下载说明什么的.
png转ICO图标,将要转换的文件放在PNG文件下,双击EXE文件,自动生成在ico文件内
PNG图标转ICO工具 PNG图标转ICO工具 PNG图标转ICO工具
一款迅猛、实在的、非在线的 png图片格式批量转换jpg图片格式工具 老外写的,值得分享。有需要的拿去,不谢!
拖动图标到一个窗口在另一个窗口生成png图标。
因为本人用的是MCU,没使用linux或者andriod等系统,要做图片的透明叠加效果,在网上各种找PNG转565rgba和888rgba的工具软件,找了好久都一直找不到,实在没办法自己写了一个,用在本人的实际项目中。可以选择转换成...
简单地Python代码,实现图片的格式转换,从 .raw/.dng 转 .png/.jpg等。
<请使用新版本!这个是旧版本!>ROS系统 pgm图像转png格式,提供了文件到文件,文件到内存,文件到png的base64格式,以及反向写回pgm文件
采用C#开发语言,借助第三方Aspose.Pdf.dll及Spire.Pdf.dll 对pdf文件进行处理,可以把pdf文件转换成doc 或者docx png等格式,通过代码大家可以进行自己重新开发,核心代码已经编写完成,下载后可以直接运行进行pdf...
图片转图标,png转ico,本地转换,需要安装有.net 4.7
MATLAB实现代码:DCM 格式图像转 PNG 格式 dcm2png.mat