网站建设如何对图片进行优化?经常上网的朋友每天都要浏览几十甚至上百个网站,而且每天都会有新的网站上线,网站的数量随着互联网的普及而迅速膨胀,面对 着着浩如烟海的网站,我们肯定会选择一些好的网站来看,对于一个网站建设者来说,想建一个优秀的网站是需要多方面的技能,包括:程序、美工、策划、编辑、 营销等等,随着网速的提高,我们发现网站的表现形式已经不再是单纯的文字,图片和动画也越来越多,而面临的问题是怎样在网页拥有大量的图片的时候不影响网 站的速度和优化排名。今天,就来谈一下:网站建设如何对图片进行优化?
一、给图片加上注释,也就是ALT标签。
很多同学认为ALT上加不加标签无关紧要,这是一种错误的想法,因为搜索引擎“不认识”图片,你网上放再多的图片,如果不告诉搜索引擎这是关于什么的图 片,那么搜索引擎也都看成是一张一张的白纸,这个时候ALT标签的作用就突显出来了,ALT标签不仅可以给搜索引擎解释这张图片的意思,还可以告诉用户这 是关于什么的图片,当用户鼠标放在图片上的时候就会有文字提示,用户体验非常好,这么好的功能,大家为什么不用上呢,而且ALT标签还可以提高关键词密 度,提高网页的相关性。
二、无论大小图片一定要压缩。
如果是简单色彩图片,我们可以做成GIF图,如果是照片或者比较复杂的图片,我们就要做成JPG格式,而且目前网上使用最多的图片格式就是JPG格式,但 是JPG格式有一个缺点就是文件大,文件大的话,不仅占用宝贵的网站空间,而且打开速度也很慢,给用户不好的体验,所以,JPG图片一定要压缩,用 PHOTOSHOP工具保存的时候可以调整画质进行压缩,还有专门的压缩JPG图片的工具,如我经常使用的:JPEG Optimizer,当然对JPG图片的压缩都是有损压缩,如果对图片质量要求不高,可以压缩一半以上的大小,肉眼基本上看不出来区别。
三、设定图片的宽度和高度。
现在一般的程序在上传图片后都会自动检测图片的高度和宽度,自动设置到网页代码中去,如果是手动修改网站的源代码,建议把图片的高度和宽度写上去,这样网页加载的时候就会预留出图片的位置,使网页的反应速度更快,节省时间,而且用户体验好。
四、图片周围的文字要和图片ALT标签上的关键词相呼应。
我们不仅要让图片ALT标签上带上文章关键词,而且在图片周围的段落上也要出现文章关键词,这样会使整篇文章的相关性更强,有利于提高文章的排名和权重。
五、使用Sprites技术。
由于这个英文和雪碧上的英文商标名一样,很多人就称这个为“雪碧”技术。 “雪碧”技术就是把一个网站上的所有背景都做到一张图片上,然后使用background-image、background-repeat、 background-position来给背景图片精准定位,这样每次打开网站的时候,网站只需要加载一个背景图片就OK了,减少了图片对服务器的请 求,加快了网页的反应速度。
主题猫WP建站,累计帮助1300+客户成功建站,为站长提供支持!
立刻开启你的建站之旅