手把手帶你使用node開發(fā)一款圖集打包工具

本篇文章就來手把手教你使用node手寫一款圖集打包工具，有一定的參考價值，希望對大家有所幫助！

偶然發(fā)現(xiàn)一款很好用的跨平臺圖像編解碼庫node-images.

仔細閱讀其API, 就萌生了一個使用其制作精靈圖集的想法.

于是就誕生了這個工具sprites-pack-tool.

你可以在github查看

https://github.com/xdq1553/MySpritesPackTool

你可以使用npm安裝

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

對于精靈圖集, 我想大家都不陌生.

比如把下面的幾張圖片合成一張.

這一張圖集就是我用本文介紹的工具打包合成的.

合成的圖片品質(zhì)依然十分高呢.

為什么需要使用圖集

web開發(fā)

我們在web開發(fā)中, 每次在瀏覽器展示一張圖片都需要請求一次服務器資源.

舉個例子, 3次請求每次4k, 和一次請求12k還是有本質(zhì)區(qū)別的, 然后