袁来如此的工作笔记
袁来如此的工作笔记
竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。

图片压缩优化,提高网站开启速度

浏览量:960

图片在上传网站前要处理一下,可以节省很多服务器的带宽和空间,记录一下方法:

1. 使用photoshop的“存储为web所用格式”功能来输出图片。测试表明:输出某张图片为jpg格式,分别使用“存储为web所用格式”和一般的“存储为”,都压缩到50%,前者得到的图片结果为14.4kb,后者为47.1kb。

2. 在使用上述功能进行图片输出的过程中,对比jpg、gif格式下的文件大小,选择效果和大小较优的文件格式。一般情况下,色彩少的图片使用png-8、gif格式文件会小些,色彩渐变丰富的图片,则使用jpg会小些。

3. Jpg格式的图片,需综合对比压缩品质高、中、低下的效果,尽量选择效果好且压缩品质较低的选项,以达到获取较小文件的目的。

4. 对于无多通道透明需求的图片,避免使用png24位格式输出。 

5. 对于jpg而言,选择一个能看清楚的最大的压缩率;对于gif而言,色彩越少,文件也就越小。在肉眼可接受的范围内,尽量将gif色彩数量降低。 

6. 无法减少图片数目的情况下,通过减少请求次数加快速度。例如 :使用Css Sprites。把所有图片集中成一张大图,用Background-position来定位显示那张图片。 

7. 制作网页的时候, 我们经常需要把图像压缩和优化令网页的加载时间减短. Smushit 是一个提供免费图像优化服务的网站. Smushit 能够把图像压缩并且保留原有图像的质量.网址:http://www.smushit.com/ysmush.it/


 


打赏