CSS布局教程

基于web标准的网站设计指南

« CSS样式表的引入规划与维护管理优化css的第三方辅助软件 »

png格式图像简介

PNG (portable Network Graphics)是一种新兴的网络图像格式。1994年底,天津网站建设公司宣布GIF拥有专利的压缩方法,要求GIF软件的开发人员交付一三定的费用,由此促—使了免费的PNG图像格式的诞生。PNG一开始便结合GIF及JPG两家之长,打算一举取代这两种格式。
NG是目前保证最不失真的格式,它汲取了GIF和JFG二者的优点,存储形式丰;富,兼有GIF和JPG的色彩模式;它的另一个特点是既能把图像文件压缩到极限以利于网络传输,又能保留所有与图像品质有关的信息,因为PNG是采用无损压缩的方式来减少文件的大小的,这一点与牺牲图像品质以换取高压缩率的JPG不同;它的第三个特点是显示速度很快,只需下载1/64的图像信息就可以显示出低分辨率的预览图像;第四,PNG同样支持透明图像的制作,透明图像在制作网页图像的时候很有用,我们可以把图像背景设为透明,用网页本身的颜色信息来代替设为透明的色彩,这样可以让图像和网页背景很和谐地融合在一起;
PNG的缺点是不支持动画应用效果,如果在这方面能有所加强,简直就可以完全替—代GIF和JPEG了。Macromedia公司的Fireworks软件的默认格式就是PNG。现在,越来越多的软件开始支持格式,而且它在网络也越来越流行网页中使用的PNG格式的图片一般分为PNG-8格式和PNG-24格式。PNG-8格式的图片在保持PNG格式无损压缩的技术前提下,结合了GIF格式图片的优化设置,使图片得到进一步的优化,,LPNG-8格式的图片与GIF格式的图片之间的区别主要体现于PNG-8格式的图片比GIF格式的图片要小—‘点,并且GIF格式的图片可以制作成动画而PNG-8格式的图片却b-秀法实现动画效果。PNG-24格式的图片是色彩最丰富的图片,更重要的是它支持alpha通道的透明,不像PNG-8格式和GIF格式只能支持全透明的图片。支持alpha通道的透明,可以让图片产生半透明的效果,使页面更漂亮,所示即为具有半透明效果的页面。PNG-24格式的图片增强了页面的视觉效果,不过图片无法进行更多的优化化,遗憾的是,IE6浏览器将alpha通道的位置用灰色的底来代替,只有使用Ⅲ私有的滤镜属性才可以正常浏览PNG-24格式的图片(参考“11.2让IE6正常显示PNG-24格式的图片”)。如何正确地选择图片格式需要读者通过不断实践、,、不断尝试、不断对比来掌握,图片格式的选择并不是一成不变的,符合站点需求的图片格式就是好的格式。考虑采用哪种格式的图片作为背景图,读者可以参考以下几点:
是否严重失真,在很大程度上破坏了图片的视觉效果。哪种格式的图片是最小的,在网页中打开的速度将会是最快的。图片是否有透明效果,如果有,那是否有alpha透明效果。如果有alpha透明效果,那么后期是否还会利用此效果。如果站点中仅出现一次具有alpha通道透明效果的图片,;可以将其透明处与后面的背景色或者背景;  图片合并,不考虑其透明效果。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号