新闻§资讯NEWS

深圳网页设计中图片常用的格式有哪些?

作者:深圳网站建设 来源:万广互联 浏览数:4302 发布时间:2012-8-17 17:45:19

一个好的网页除了单一的文本之外,还应该有绚丽的图片来渲染,文本的作用在页面中恰到好处地使用图像能使网页更加生动、形象和美观。图像也是网页中不可缺少的元素。

插入网页的图像义件其特定格式可以有很多种,但GIF格式和JPEG格式的图片文件由于文件较小,适合于网络上的传输,而让能够被人多数的浏览器完全支持,所以是网以制作中最为常用的文件格式。

png格式
png格式能够很好的将背景透明化,在做一些复杂的图像构成时我们需要这种格式,但同时我们也会遇到一些问题,因为png背景透明在IE6下,背景并不会透明,而是灰色的。这样网站会非常难看。
PNG是一种无损压缩的格式,而且它有很多种类。单考虑实际的用途,我们可以把它分为两种:
  1.PNG8:PNG8是一种调色板型(palette)图象格式,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 调色板型PNG以及索引型 PNG,这些术语都可以互换使用。
那么,PNG8比起GIF有哪些优缺点呢?
    优点:
             通常文件体积比较小
             支持alpha(可变)透明度
    缺点:
             不支持动画

  2.真彩色PNG:IE7都提供了alpha透明度正确的原生的支持。对于早期版本的IE浏览器你需要使用css和AlphaImageLoader滤镜来修复全彩色PNG中的透明度问题。
  
  3.什么时候用PNG比较合适呢?
     虽然PNG8应该作为PNG类型文件的首选,因为它的文件体积更小而且在早期版本的IE浏览器中不需要使用特别的css滤镜就能很好地降级,但是在使用的时候仍然有需要注意的地方:
    1.当PNG8的256种颜色不够用的时候,你可能需要使用全彩色PNG。这种情况应该 尽量避免。一方面,如果你想使用成千上万的颜色,那么这种情况下JPEG将会比较适合,而且能够有更好的压缩率。另一方面,如果颜色数在一千左右,你应该 尽量把这种图片转换为PNG8格式,然后看看它是不是看起来还能够接受。很多情况下,当颜色数达到200到1000的时候,人的肉眼就分辨不出来了。当 然,这也得看是哪种图片了;通常你可以非常安全地删掉1000种颜色,但是有些时候只是删掉2种颜色,图片的效果就不能让人接受了。不管怎么样, 尽可能地把真彩色PNG转换为PNG8和JPEG格式,看看你能不能接受它们的质量和体积。
     2.图片的大部分象素是半透明的情况。如 果图片种只有一小部分是不完全透明的,象围绕在圆角周围的象素点,那么PNG8的类GIF(GIF-like)降级通常都没有问题。但是如果图片的大部分 是半透明的(象视频播放器上的播放按钮),那么你除了使用AlphaImageLoader hack你可能别无选择。

 

GIF格式
    GIF是一种调色板型(palette type)(或者说是索引型)的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题
GIF是一种无损压缩的格式,这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。
    GIF格式也支持动画.在黑暗的web1.0时代,它导致了大量多余的昙花一现的“新”图片(blinking “new” images),循环的@符号(rotating @ signs),birds dropping,a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代,在等待一个更新页面的ajax请求的时候,我们仍然会看到 “loading”动画,但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说,如果你有需要,就可以使用动画支持。
    GIF也支持透明度,透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。


JPEG格式
    JPEG图片不象GIF图片那样只能有256种颜色,它可以包含数百万种颜色,而且有极高的压缩率。这使得JPEG图片比较适合用来保存相片。事实 上,大多数的相机以jpeg格式保存照片。JPEG是一种有损压缩的格式,这意味着你每次进行编辑的时候都会有质量损耗,所以如果你打算进行多次编辑,那 么最好把中间生成的图片换一种格式存储。但是,还有一些不会损耗图片质量的操作,比如说裁剪图片,旋转图片或者修改元信息。元信息包括,比如说,存储在图 片文件中的注释。
    JPEG不支持透明度。

 

深圳网站设计公司,深圳网页设计给大家做一下简单的总结,我们什么时候用什么样的格式:
    1.JPEG格式比较适合用来存储照片
    2.GIF格式可以用来做动画
    3.PNG8可以用来做小图标(icons),按钮,背景等等。

本文作者:万广互联

本文地址:http://www.wang0214.com/news/418.html

版权所有 转载时必须以连接形式注明作者和原始出处

已有0条评论,点击发表评论最新评论

发表评论

验证码: 点击切换验证码 看不清楚?

我们为您提供

高品质网站建设

服务包含营销推广、网站建设、企业邮箱、域名空间、CRM系统开发

现在咨询 0755-23000632