在很多前端展示页面需要用到将小图标拼合为一整个图片,然后在使用的时候,自动裁剪为单一图片展示。这个时候就需要一个便捷的工具。
CSS Sprites Generator就是这样一个便捷的CSS图像拼合工具。
网址:https://www.toptal.com/developers/css/sprite-generator
如下图:
1、按照你要生成的拼接顺序选择文件:
2、设置图片拼接间距:
3、设置图片拼接格式
左右:
上下:
以及其他形式:
4、生成成功之后,点击下载即可: