在一个网站中,从表面来看除了文字就是图片,给访客看的无非也是这两种,对于网站文章的优化,在上一篇文章中也详细介绍了,今天主要是介绍网站图片的处理技巧:
1、网站图片的选择要与内容有关,在编辑图片的时候,要做好裁剪,只展示必要的、重要的、同内容相关的部分。
2、网站图片输出,要先设置好自己想要的图片大小,而不是直接输出大图片,然后使用的时候,再指定较小的长宽,缩小图片。
3、如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是采用透明背景图片或者CSS定位让文字覆盖在图片上,既能获得相等的效果,还能把图片更大程度的压缩。
4、尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式。
5、页面上的边框,背景,尽可能的使用CSS的方式来展示,而不要用图片。
6、图片使用上,能用png格式的尽量用,以替代过去常用的gif和jpeg格式。在保证质量的情况下,用最小的文件。
7、网站中存在jpg的图片,必要在储存jpg图片的时候,选用品质高、格式基线已优化模式。
8、在html中明确指定图片的大小。
9、添加图片ALT标签,对图片进行说明。
10、在不损图片清晰度的情况下,尽可能压缩图片,减少图片占用空间。
11、网站中所有的背景图都放在一张图片上面,降低图片加载时长,提高网站打开速度。
12、网站中纯色的背景图片,应该使用CSS的方法控制,尽量削减图片的使用,提高加载速度。
网站图片处理好,可以给用户呈现出一个很好的视觉效果,对于网站的打开速度和SEO优化也有很大帮助,在网站运营维护时需要注意将图片处理好。