合并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键移除选中图片
添加了工具图标
网页制作 | 177.00KB
2020-08-27
下载网页制作 | 420.00KB
2017-02-07
下载网页制作 | 7.20MB
2016-12-30
下载网页制作 | 15.20MB
2016-08-29
下载网页制作 | 1.53MB
2016-08-08
下载网页制作 | 1.11MB
2016-03-22
下载网页制作 | 17.60MB
2015-08-14
下载网页制作 | 333.00KB
2015-07-02
下载网页制作 | 95.39MB
2015-05-29
下载网页制作 | 1.47MB
2015-05-29
下载