在很多前端展示頁面需要用到将小圖示拼合為一整個圖檔,然後在使用的時候,自動裁剪為單一圖檔展示。這個時候就需要一個便捷的工具。
CSS Sprites Generator就是這樣一個便捷的CSS圖像拼合工具。
網址:https://www.toptal.com/developers/css/sprite-generator
如下圖:

1、按照你要生成的拼接順序選擇檔案:
2、設定圖檔拼接間距:
3、設定圖檔拼接格式
左右:
上下:
以及其他形式:
4、生成成功之後,點選下載下傳即可: