CSS sprite和他的小伙伴

这个月要在591工程部门的分享会上分享css sprite的相关知识,我先收集一些资料,了解一下大致的来龙去脉。

 

在http1的时代(http2有所不同),能够有效减少http请求数,减少网络握手延时,就会对前端的性能提升起到很大的帮助。雪碧图作为一种图片拼合技术,将多个小图合并成一张大图,能够大大节省请求次数和减少图片字节大小,从而成为前端工程师作为性能优化的必做工作。但是在刀耕火种茹毛饮血的前端时代,雪碧图只能手动拼合,实在是一种费时费力爹不疼娘不爱的苦力工作。

本文主要讲述了如何借助compass和其它相关工具自动合成css雪碧图,来解放生成力、以及针对雪碧图的应用场景简单说明了图标字体和svg作为替代方案的应用案例。 继续阅读“CSS sprite和他的小伙伴”