网站优化中的图片处理

今天有个朋友因为使用我以前发布的一个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

 

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