合并CSS背景小图片不只适用于Wordpress,而是几乎对所有网站都适用。为什么要合并CSS背景图片呢?因为要给网站提速,很重要的一点就是减少http连接数,而CSS背景图片越多,向服务器的请求数也就越多。百度、雅虎、淘宝等各个大型网站都是如此操作的,给我们的学习树立了榜样。
如果你会Photoshop,那合并这些CSS背景图片应该对你来说是小菜一碟啦。合并之后只要用background-position属性来控制需要显示的部分图片的位置就可以了。
小身材,大作用。此小工具可供选择合并后的大图类型:Png/Jpeg/Gif,还可以选择背景色,默认是Transparent(透明)。我用的是Gif格式,这样就避免了在IE6下不兼容的麻烦事。生成好背景图片的同时还会生成一个CSS文件,其中包含了每个小图相应的CSS代码,很省事啊。
话说回来合并CSS背景图片也有缺点,就是日后不利于维护。不过有了这款小软件,让我轻松不少,如果你和我一样也是PS或CSS菜鸟,建议你也试用下CSS背景图合并工具吧。
Css背景图合并工具,添加了几个辅助功能:
添加了用鼠标拖动图片或者用方向键改变图片位置的功能
可以设置整幅大图的生成类型,因为png文件在ie6下透明色显示有问题
可以设定大图的背景色,默认为透明色
可以在选中图片之后用“+”按钮添加更多的图片
可以在选中图片之后,用“-”按钮移除图片,或者直接用Delete键移除选中图片
添加了工具图标
该软件需要在 .Net 环镜下才能运行,请安装 .NET Framework V2.0 可再发行组件包: http://www.cr173.com/soft/2572.html