Media Tools
Developer Tools精灵表生成器
将精灵图片合并为优化的精灵表，用于游戏开发。生成带坐标的JSON元数据，便于游戏引擎集成。
上传精灵图片
将图像拖放到此处或单击浏览
支持PNG、JPG、WebP和GIF格式
Related Tools
关于精灵表生成器
工作原理
- 通过拖放或文件选择上传多个精灵图片
- 自动将精灵排列在最佳网格布局中
- 生成带有JSON元数据的单个精灵表图像
- 支持带2的幂次大小的PNG和WebP输出格式
- 提供坐标数据以便与游戏引擎轻松集成
常见用例
- 合并单个精灵用于2D游戏开发
- 创建纹理图集以获得更好的渲染性能
- 优化Web游戏的精灵加载
- 为Web开发生成CSS精灵表
- 将动画帧组织到单个图像中
- 减少移动游戏开发中的绘制调用
Frequently Asked Questions
什么是精灵表，为什么要使用它？
精灵表（或纹理图集）是一个包含多个较小图像（精灵）的单一图像，排列成网格。使用精灵表可以减少纹理绑定次数、降低内存使用、实现高效批量渲染，并减少Web游戏的HTTP请求。
我可以上传哪些图像格式，可以导出哪些格式？
您可以上传PNG、JPG、WebP和GIF格式的精灵。该工具将精灵表导出为PNG（支持透明度）或WebP格式（较小文件大小且质量好）。
自动网格布局如何工作？
该工具分析上传的精灵并根据精灵数量的平方根计算最佳网格布局。例如，16个精灵默认为4x4网格。您可以手动调整列数和行数。
什么是JSON元数据文件，如何使用它？
JSON元数据包含生成的精灵表中每个精灵的精确像素坐标、宽度和高度。大多数游戏框架（Unity、Godot、Phaser.js）可以直接导入这些元数据。
什么是'2的幂次大小'，我应该启用它吗？
2的幂次大小确保最终精灵表的尺寸是2的幂次（如256x256、512x512、1024x1024）。这对于旧显卡和某些需要2的幂次纹理的游戏引擎非常重要。
当精灵大小不同时，缩放如何工作？
该工具会自动缩小较大的精灵以适应"最大精灵大小"设置，同时保持纵横比。较小的精灵保持其原始大小。
我可以控制精灵表中精灵之间的间距吗？
是的，使用"填充"设置在每个精灵周围添加像素间距。这可以防止直接相邻放置精灵时出现颜色渗透和过滤伪影。
如果精灵比网格单元格多会发生什么？
如果上传的精灵数量超过当前网格（列×行）的容量，多余的精灵将被忽略。增加网格大小或减少精灵数量以包含所有资源。
如何在游戏引擎中使用生成的精灵表？
将精灵表图像和JSON元数据导入您的游戏引擎。Unity使用精灵图集，Godot支持TexturePacker JSON格式，Phaser.js可以直接加载JSON图集。
我可以包含多少个精灵？
该工具可以处理数十个精灵，但实际限制取决于浏览器内存和最终图像大小。非常大的精灵表（超过4096x4096像素）可能不被旧显卡支持。
我可以用这个工具创建动画序列吗？
虽然此工具将精灵组织到表中，但它不直接创建动画。但是，您可以按顺序上传动画帧，并使用网格设置将它们排列在行或列中。
透明背景和彩色背景有什么区别？
透明背景（默认）保留精灵的Alpha通道，这对于精灵叠加在其他图形上的游戏至关重要。白色或黑色背景用纯色填充透明区域。