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

2024-11-29 19:52:26
推荐回答(3个)
回答1:

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

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

回答2:

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

回答3:

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