HTML5网页设计

html_css

Web应用关于图片的使用

时间:2011-08-16 13:46来自:网络作者:admin点击:
JPG:以24位颜色存储单个光栅图像 优点: 1. 与平台无关 2. 适合摄影作品和写实作品 3. 它支持最高级别的压缩,可提高或降低压缩的级别 4. 渐进式JPEG文件交错 缺点: 1. 有损耗压缩会使原始图片数据质量下降。

JPG:以24位颜色存储单个光栅图像

优点:

  • 1. 与平台无关
  • 2. 适合摄影作品和写实作品
  • 3. 它支持最高级别的压缩,可提高或降低压缩的级别
  • 4. 渐进式JPEG文件交错

缺点:

  • 1. 有损耗压缩会使原始图片数据质量下降
  • 2. 当您编辑和重新保存文件时,JPEG会混合原始图片数据的质量下降,这种下降是累积性的
  • 3. 不适用所含颜色很少,具有大块颜色相近的区域或亮度差异十分明显的较简单的图片
  • 4. 不支持动画和透明

GIF:用于压缩具有单调颜色和清晰细节的图像

是用的最多的网页图像格式,常用于工具图标,简单动画,几乎适用于除照片以外的所有图像。压缩算法成为一家公司的专利。

优点:

  • 1. 支持多种操作系统
  • 2. 有静态GIF和动画GIF两种
  • 3. 支持透明背景图像
  • 4. 不多于256色时可无损压缩
  • 5. 体积很小,文件下载速度快

缺点:

  • 1. 只能显示256色,如果多于256色会选取临近的代替,会产生抖动现象
  • 2. 透明方面,不支持邻近渐进色

PNG:流式网络图形格式

设计时企图代替GIF在网络的地位,压缩算法免费。

优点:

  • 1. 位深支持8位,24位,32位
  • 2. 支持多达16位的Alpha通道数据
  • 3. 支持流式读/写性能
  • 4. 支持逐次逼近显示
  • 5. 支持无损压缩

缺点:

  • 1. IE6不支持其Alpha通道技术
  • 2. 不支持动画

JPG,GIF,PNG的选择

  • 1. 使用JPG或PNG-32或PNG-24来展示照片
  • 2. 当图像在无需透明时,若256色够用,可选择GIF或PNG-8,若要更好颜色和小的文件大小时,可选择PNG-24
  • 3. 当图像需要透明效果时,如果考虑IE6则只能选择GIF,否则可选PNG-32

当前文章地址:http://www.shejicool.com/web/html_css/236.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐