网站优化中的图片处理

今天有个朋友因为使用我以前发布的一个asp缓存模块有一点问题来问我,他刚好在做网站优化，这方面经验也不多，就问我有没有什么好的建议.

本来工作也比较忙，平时难得和别人聊这么多,这次竟和他聊了好一会儿。我做事情比较细腻，所以效率太低。但也因此每做一件事情都能从中学到很多新的东西。所以，在css布局以及图片优化方面，略有感触，本来是想写篇经验的，一直没下得笔，这次将聊天谈到的一些体会帖出来，希望对入行不深的朋友有些许帮助。

frank17:20:31

我网站全是.gif或.jpg图片

Shirneう殇17:21:13

jpg只适合色彩丰富，尺寸较大的图片

Shirneう殇17:21:44

gif适合尺寸很小(几个像素),色彩单一，或需要动态的图片

frank17:21:54

我现在考虑用你的图片格式了，不错，能有那么小

Shirneう殇17:22:11

png-8适合尺寸中等，色彩不复杂，的图片，可以局部透明

Shirneう殇17:22:17

一般不要用png24

frank17:23:39

好的，做优化时一定要试试，你对图片处理比我懂多了，佩服啊

Shirneう殇17:24:01

就比如渐变的背景，高度30px

如果用gif,直接就失真了，因为gif只能表现web色.对于细腻的渐变无能为力.

frank17:24:33

那人物相片最好用那种呢？

frank17:24:57

用png-8这种吗？

Shirneう殇17:25:26

用jpg会增加图片尺寸，而且颜色也会根据质量不同而略有失真。

jpg是有损压缩.

而png是无损压缩。

png8只能表现256种颜色，但它的颜色不限于web色，对于细腻的颜色它可以调整色板去匹配色域

Shirneう殇17:25:36

人物一般用jpg了

frank17:26:04

但jpg格式有点大了，影响网页速度

Shirneう殇17:26:40

色彩复杂的；图片，只能这样了，

Shirneう殇17:27:07

又想彩色丰富，又要文件小，是不可能的

frank17:27:31

也是啊，所以有时考虑要全面才行

Shirneう殇17:27:59

你输出图片的时候就比较gif,png8和jpg哪个尺寸小，清析度又好，就用哪个

frank17:28:29

好的，一定采用你的建议，谢谢