手把手带你使用node开发一款图集打包工具

本篇文章就来手把手教你使用node手写一款图集打包工具，有一定的参考价值，希望对大家有所帮助！

偶然发现一款很好用的跨平台图像编解码库node-images.

仔细阅读其API, 就萌生了一个使用其制作精灵图集的想法.

于是就诞生了这个工具sprites-pack-tool.

你可以在github查看

https://github.com/xdq1553/MySpritesPackTool

你可以使用npm安装

https://www.npmjs.com/package/sprites-pack-tool

对于精灵图集, 我想大家都不陌生.

比如把下面的几张图片合成一张.

这一张图集就是我用本文介绍的工具打包合成的.

合成的图片品质依然十分高呢.

为什么需要使用图集

web开发

我们在web开发中, 每次在浏览器展示一张图片都需要请求一次服务器资源.

举个例子, 3次请求每次4k, 和一次请求12k还是有本质区别的, 然后