图片格式和大小,多用CSS和JS,不用大图片
2012-12-26 12:59
288 查看
大家都想提高网页的加载速度。其中,图片的加载又往往是最耗时间的。所以,慎重地去选择合适的图片是很重要的。
那么什么的图片格式,占空间是最小的呢?
1》GIF体积小,支持动态
2》PNG通常比GIF的体积会更小
3》JPG所能显示的颜色比GIF,PNG要多的多,同时得到很好的压缩,所以JPG很适用于保存数码照片.
在一些基本元素的地方,最好不要放一些色彩丰富的JPG风景图,这样会大大占用页面载入时间。
所以背景图,就建议不要放一张很大的图片,最好是一张小图片然后repeat-x,而且色彩单一比较好。
一个图片PNG才30k,而一个背景图要300K,一个小的修饰JPG图要60K,而一个JQuery的库才60K,一个css和html就更不用说了才10~30K,所以用多点JS和CSS还是图像,自己衡量吧!!
那么什么的图片格式,占空间是最小的呢?
1》GIF体积小,支持动态
2》PNG通常比GIF的体积会更小
3》JPG所能显示的颜色比GIF,PNG要多的多,同时得到很好的压缩,所以JPG很适用于保存数码照片.
在一些基本元素的地方,最好不要放一些色彩丰富的JPG风景图,这样会大大占用页面载入时间。
所以背景图,就建议不要放一张很大的图片,最好是一张小图片然后repeat-x,而且色彩单一比较好。
一个图片PNG才30k,而一个背景图要300K,一个小的修饰JPG图要60K,而一个JQuery的库才60K,一个css和html就更不用说了才10~30K,所以用多点JS和CSS还是图像,自己衡量吧!!
相关文章推荐
- js验证图片格式和大小并预览
- JS验证图片格式和大小并预览
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- js验证图片格式和大小并预览
- css+js完美控制图片大小
- js 异步上传图片 限制图片的格式大小
- js验证上传图片格式和大小是否符合要求
- css图片切换效果代码[不用js]
- JS验证图片格式和大小并预览
- js图片上传验证图片格式和大小尺寸
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- JS实现点击某张图片弹出上传图片窗口以及限制图片格式和大小
- css图片切换效果代码[不用js]
- JS+css 图片自动缩放自适应大小
- JS验证上传图片格式和大小
- js 验证上传图片大小及格式
- JS验证图片格式和大小并预览的简单实例
- JS+css 图片自动缩放自适应大小
- 上传图片时js验证图片大小、尺寸、格式
- 检测上传图片的大小,宽,高及格式的JS