CSS Sprites

CSS Sprites

一、CSS Sprites优点

1.利用CSS Sprites可以很好地减少网页http请求,从而大大提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;

2.CSS Sprites能减少图片的字节,曾经多次比较过,把三张图片合并成一张图片的字节总是小于这三张图片字节的总和。

二、CSS Sprites缺点

1.在图片合并时,要把多张图片有序的、合理的合并成一张图片,还要留足够的空间,防止板块内出现不必要的背景。除此之外,在宽屏及高分辨率的屏幕下的自适应页面,如果图片不够宽,很容易出现背景断裂;

2.CSS Sprites在开发时比较麻烦,要通过photoshop或其工具测量计算每一个背景单元的精确位置,这是比较繁琐的。

3.CSS Sprites在维护时比较麻烦,如果页面背景有少许改动,一般就要改这张合并的图片,所以无需改的地方最好不要动,这样避免改动更多的css。如果在原来的地方放不下,那么只能往下加图片,此时图片的字节就增加了,且还要改动css。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值