CSS Sprite Generator: CSS妖精生成器

CSS Sprite(CSS 妖精),帕兰之前也有简单介绍过,就是把你在网页中使用的一些图标或图片合并成一张图片,再通过Background属性的定位来为每个元素添加背景图片。这样可以http图片文件的连接请求,加快网页的载入速度,如果你的网页中使用的图片尤其是图标比较多的话,比较适合使用CSS Sprite技术来提高网页效率。

比如帕兰映像当前的Wordpress主题中也使用了该CSS技术,我之前在侧边栏放置的一些分类图标和底部的Feeb robot以及一些背景图片都放到了一起。

但是CSS Sprite使用起来也有一些麻烦,通常需要对HTML元素进行高宽的固定,以及CSS代码需要准确定位,相当的麻烦。 而现在,相应的CSS Sprite生成工具也就出来了,由Website perfomance提供,可以让你简单快速的把多张图片合并在一起,并且能够对HTML元素和每张图片所在的坐标位置进行生成。简化了CSS sprite的生成痛苦。

如果你正在使用CSS Sprite技术或是准备使用,那可以尝试一下这个工具。进入CSS sprite Generator.

“CSS Sprite Generator: CSS妖精生成器”的8个回复

  1. 现在还不准备用这个,主要是考虑到网站会改版,改版了这个大图片会杯具了,还是得保留起初的分散图片模板才行

发表评论

电子邮件地址不会被公开。 必填项已用*标注