不必停留

在制作模板的过程中，无疑要碰到图片的相关处理的问题。以下是从网上收录的信息":

PNG：可移植网络图形
PNG 图片以任何颜色深度存储单个光栅图像。PNG 是与平台无关的格式。
优点： PNG 支持高级别无损耗压缩。PNG 支持 alpha 通道透明度。PNG 支持伽玛校正。 PNG 支持交错。PNG 受最新的 Web 浏览器支持。
缺点： 较旧的浏览器和程序可能不支持 PNG 文件。作为 Internet 文件格式，与 JPEG 的有损耗压缩相比，PNG 提供的压缩量较少。作为 Internet 文件格式，PNG 对多图像文件或动画文件不提供任何支持。GIF 格式支持多图像文件和动画文件。
JPEG：联合摄影专家组
JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。可以提高或降低 JPEG 文件压缩的级别。但是，文件大小是以图像质量为代价的。压缩比率可以高达 100:1。（JPEG 格式可在 10:1 到 20:1 的比率下轻松地压缩文件，而图片质量不会下降。）JPEG 压缩可以很好地处理写实摄影作品。但是，对于颜色较少、对比级别强烈、实心边框或纯色区域大的较简单的作品，JPEG 压缩无法提供理想的结果。有时，压缩比率会低到 5:1，严重损失了图片完整性。这一损失产生的原因是，JPEG 压缩方案可以很好地压缩类似的色调，但是 JPEG 压缩方案不能很好地处理亮度的强烈差异或处理纯色区域。
优点： 摄影作品或写实作品支持高级压缩。利用可变的压缩比可以控制文件大小。支持交错（对于渐近式 JPEG 文件）。JPEG 广泛支持 Internet 标准。
缺点：有损耗压缩会使原始图片数据质量下降。当您编辑和重新保存 JPEG 文件时，JPEG 会混合原始图片数据的质量下降。这种下降是累积性的。JPEG 不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。

GIF、JPEG 和 PNG 是三种最常见的图片格式。

• GIF：1987 年诞生，常用于网页动画，使用无损压缩，支持 256 种颜色（一般叫 8 bit 彩色），支持单一透明色；
• JPEG：1992 年出世，照片一般都用这个格式，有损压缩，24 bit 真彩色（2²⁴ = 17 万种颜色），不支持动画，不支持透明色；
• PNG：1996 年问世，无损压缩，最常见的使用格式是 256 索引色（PNG-8）和 24 bit 真彩色（PNG-24）（当然 PNG 支持的颜色格式远不止此），支持 full alpha 通道（256 级可调半透明色），不支持动画。

我在实际使用过程中，对于大的图片一般是处理成JPG，对于不需要透明背景的的简单的LOGO，还有模块的H3也就是标题的背景，一般都处理成PNG8，如果是需要透明背景的图片处理成PNG24，但这样的图片在IE6下显示就会有问题，背景呈灰色。

处理方法就是用CSS滤镜，

*html div#XXX{

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/templates/xxx/xxx.png’, sizingMethod=’image’);
     background-image: none;

}

这样就可以有效避免PNG的在IE6显示灰色背景的问题。

No related posts.