16
2020
12

CSS Sprites是什么?它的优势和劣势?

CSS Sprites小图片背景共享技术。它把一堆小的图片整合到一张大的图片上。然后利用CSS的 background-image,background- repeat,background-position 的组合进行背景定位。利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能;CSS Sprites能减少图片的字节。


优势:


1.很好的减少网页的请求,大大提高页面的性能;


2.减少图片的字节;


3.解决了网页设计师在图片命名上的困扰;


4.更换风格方便,维护方便。


劣势:


1.图片合并时需预留好足够空间,宽屏、高分辨率的屏幕下易出现背景断裂;


2.开发较麻烦,测量繁琐;(可使用样式生成器)


3.维护麻烦,背景少许改动有可能影响整张图片,使得字节增加还要改动css。

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。