Css背景图合并工具是一款网页制作的辅助工具,该工具用来减少网页的查询次数非常有用,该软件可供选择合并后的大图类型:Png/Jpeg/Gif,合并背景图后能大大提高网站速度。
合并CSS背景小图片不只适用于Wordpress,而是几乎对所有网站都适用。为什么要合并CSS背景图片呢?因为要给网站提速,很重要的一点就是减少http连接数,而CSS背景图片越多,向服务器的请求数也就越多。百度、雅虎、淘宝等各个大型网站都是如此操作的,给我们的学习树立了榜样。
302
如果你会photoshop,那合并这些CSS背景图片应该对你来说是小菜一碟啦。合并之后只要用background-position属性来控制需要显示的部分图片的位置就可以了。
小身材,大作用。此小工具可供选择合并后的大图类型:Png/Jpeg/Gif,还可以选择背景色,默认是Transparent(透明)。我用的是Gif格式,这样就避免了在IE6下不兼容的麻烦事。生成好背景图片的同时还会生成一个css文件,其中包含了每个小图相应的CSS代码,很省事啊。
话说回来合并CSS背景图片也有缺点,就是日后不利于维护。不过有了这款小软件,让我轻松不少,如果你和我一样也是PS或CSS菜鸟,建议你也试用下CSS背景图合并工具吧。
css背景图合并工具主要特点:
1、加快网页加载速度
浏览器接受的同时请求数是10个,如果图片过多会影响整体的视觉效果,而且对于不稳定的网络带宽,加载起来更是噩梦,所以把图片拼接为一张大图,从而加快加载速度,以及加速页面渲染
2、后期维护简单
该工具可以直接通过选择图片进行图片的拼接,当然你也可以自己挪动里面的图片,自己去布局你的雪碧图,直接生成代码,简单易用!
辅助功能:
添加了用鼠标拖动图片或者用方向键改变图片位置的功能
可以设置整幅大图的生成类型,因为png文件在ie6下透明色显示有问题
可以设定大图的背景色,默认为透明色
可以在选中图片之后用“+”按钮添加更多的图片
可以在选中图片之后,用“-”按钮移除图片,或者直接用Delete键移除选中图片
添加了工具图
特别说明:
该软件需要在 .Net 环镜下才能运行,请安装【.NET Framework2.0简体中文版】可再发行组件包