grunt-css-sprite切片合并雪碧图
grunt-css-sprite
这是什么
这是一个帮助前端开发工程师将 css 代码中的切片合并成雪碧图的工具; 其灵感来源于 grunt-sprite,由于其配置参数限制目录结构等,不能满足通用项目需求,重新造轮子发布; 它的主要功能是:
对 css 文件进行处理,收集切片序列,生成雪碧图
在原css代码中为切片添加background-position属性
生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码
生成高清设备雪碧图,使用 image-set
支持选择器提取,进一步优化CSS文件大小
在引用雪碧图的位置打上时间戳
在样式末尾追加时间戳
按照时间戳命名文件
评论
hcSpriteCuter.js雪碧图拆分工具
hcSpriteCuter是一个用nodejs写的一个雪碧图拆分工具。在学习和研究别人程序的过程中,我们需要从一个由多张小图合并而成的雪碧图中抠出其中一张或者几张图片,传统的做法是用ps直接进行抠图。
hcSpriteCuter.js雪碧图拆分工具
0
MuneeCSS-JS合并/压缩
Munee是一个集图片尺寸调整、CSS-JS合并/压缩、缓存等功能于一身的PHP库。可以在服务器端和客户端缓存资源。它集成了PHP图片操作库Imagine来实现图片尺寸调整和剪切,之后进行缓存。Mun
MuneeCSS-JS合并/压缩
0