html中图片太大了,css背景图片太大的坏处与解决方法

在制作网页的过程中，有时候我们为了页面的个性、漂亮，会给通过CSS给网页设置一个很大的背景图片，可是背景图片太大的话不但会给我们的访客带来一些烦恼，还会对搜索引擎不友好，导致排名的降低，实在是得不偿失。

为什么背景图片太大会给我们的访客带来烦恼？

当背景图片太，而浏览网页的访客屏幕太小的时候，访客的网页下边会出现滚动条，给访客浏览你的网页带来一些烦恼，照成一些不便。同时，背景图片太大，就意味着图片的体积就会增大，如果访客的网络速度比较慢的话，打开你的网页会需要较长的等待时间。

为什么背景图片太大是对搜索引擎不友好？

现在的搜索引擎越来越考虑用户体验这个问题，和上面的原因一样，假如一个访客通过搜索引擎进入到你的网页，由于图片太大，过了很久都没有把你的网页打开或者进入你的网页后浏览起来很不方便，那么他会毫不犹豫的关闭你的网页，点击下一条搜索结果。

那么我们该如何解决这个问题呢？个人觉得大概分为下面的2中情况：

一、CSS背景图片是规则的图形或纯色：

如果背景图片是规则的图形的话，可以截取图片的一小部分，然后通过CSS设置图片的平铺，就可以将整个网页的背景图片表现出来了。而如果网页的背景图片是纯色的话，建议直接使用颜色就好了，这样不但实现了背景颜色，还可以加快网页的打开速度。

二、背景图片是一张完整的图片：

如果背景图片是一张照片的话，而这个图片又太大了，比如，张照片的宽有2000px，那么建议先在Photoshop中进行图片锁定比例的缩小，然后再进行切片，最后再一块一块的放如网页中，这样既保证了图片的完整性，有可以让访客感觉打开网页的速度变还是挺快的。

《css背景图片太大的坏处与解决方法》地址：www.cunguer.com/article/301.html，本文来自村姑网，您身边的IT专家

www.cunguer.com，转载请注明出处，您的支持是我们创作的源泉~！