Question

用div+css做网页时，图片这个问题怎么解决，

我都是把图片一个一个的放在一个文件夹里，图片太大浏览网页速度慢，把图片缩小又不清晰，请问有什么好的处理方法？还有我看到这样的一个网页里的图片都是在一起的，用的时候就用代码提取所需要的部分，请问这个代码是？

Answer 1

切图的时候，我们尽量要做到几点，以下是我的个人心得
1、能用样式写出来的效果尽量别用图片
2、为了页面效果一定要用图片的话，切的图片就要注意，图片文件切不可太大，可以通过平铺方式的背景图片就切成1px的小图进行平铺；
3、有人做按钮喜欢把文字也做上去，这样容易造成图片过多影响页面的浏览速度，尽量切一个通用的按钮背景图片，按钮上的文字直接写上去用css控制；
4、切图有人会有不同的习惯，有人喜欢把所有切图全都集中在一张图片上，这样使得整个网站也没几张图片，这个方法缺点就是第一次访问的人加载图片比较慢，优点就是只要加载完成后其他页面就不需要再加载图片了；另一个方法就是所有切图“各自为政”，当每个页面需要图片时才加载，这样的方法缺点是如果图片过多的话，很容易影响浏览速度；优点就是图片修改方便而且页面调用图片合理；
本人更喜欢第二种方法，不过我切图会尽量避免使用太多的图片，或者我切的图片都很小基本上不影响浏览，最重要的是这个方法修改图片很方便
5、在切图的时候，尽量给图片做一个分类分别放置在images的不同文件夹里，这样也能方便修改

对于楼主所说的问题，你说图片太大影响了浏览速度，那就应该是你切图有问题，图片文件超过500KB就已经算非常大了，我们切图大小很多都是一两KB，最大的都没有超过50KB

Answer 2

图片过大的话你可以先通过PS处理下，会小很多，网页里的图片都是在一起的通过background-position:属性来控制你所需要的那部分

Answer 3

一般都是放在一个文件夹咯，嫌大可以切割