解读Yahoo!网站性能优化组定义的34条准则 - 优化图片

1105阅读 0评论2009-09-01 zhangsanji
分类:系统运维

优化图片

网页设计图出来以后,FTP传到服务器之前,仍然有些可以优化的地方。


检查GIF图片的色彩数,看是否用了调色板。用ImageMagick很方便检查:identify -verbose image.gif。当你看到了图片正在使用调色板里4色和256色时,就说明还有优化的空间。


试着将GIF转成PNG,看看有没有节省的空间。往往是没有。开发者经常犹豫是否使用PNG是因为浏览器的支持不够,但现在这些已成为历史。唯一正真的问题是真彩色PNG的alpha透明滤镜,但相比GIF也不是真彩色,不支持变化的透明。所以GIF能做到的PNG8都能做到(除了动画)。一个简单的ImageMagick命令转成安全的PNG:convert image.fig image.png。故,我们经常说:“给PNG一个机会。”


使用PNG的优化工具:pngcrush。例如:pngcrush image.png -rem alla -reduce -brute result.png。


使用JPEG的优化工具:jpegtran。这个工具对JPEG操作损耗很小,例如:旋转,优化,删除注释和其他没用的信息(EXIF信息)。命令:jpegtran -copy none -optimize -perfect src.jpg dest.jpg。

上一篇:解读Yahoo!网站性能优化组定义的34条准则 - 优化CSS Sprites
下一篇:解读Yahoo!网站性能优化组定义的34条准则 - 不要返回404响应内容