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

109 阅读 0 评论 72 点赞

我是靠谱客的博主英勇荔枝，最近开发中收集的这篇文章主要介绍手把手带你使用node开发一款图集打包工具，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

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

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

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

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

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

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

为什么需要使用图集

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

举个例子, 3次请求每次4k, 和一次请求12k还是有本质区别的, 然后更多的时候一次请求并不是3 * 4k.

使用图集能让我们优化资源加载, 提高网站的性能.

在游戏开发中, 图集的使用至关重要, 不管是一般帧动画还是svga等动画解决方案, 都不会每张图片去请求资源.

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。