精灵图生成器

精灵图是一个包含多个小图片（精灵）按网格排列的单一图像文件。使用精灵图可以减少HTTP请求，提高页面加载性能，并通过批量绘制调用使游戏渲染更高效。

支持上传PNG、JPG、GIF、SVG和WebP图片。工具支持批量上传和剪贴板粘贴（Ctrl+V）以加快工作流程。

精灵图可导出为PNG（支持透明度）、WebP（现代格式，文件更小）或JPG（最适合无透明度的照片）。根据目标平台需求选择。

拖拽图片缩略图即可重新排列精灵图中的位置。您也可以使用Ctrl+V从剪贴板直接粘贴图片以快速迭代。

JSON图集数据包含每个精灵的位置、大小和帧信息。兼容Phaser、PixiJS、Unity、Cocos2d等主流游戏引擎，可自动提取精灵。

适应模式按比例缩放图片以适应单元格。填充模式缩放图片覆盖整个单元格并裁剪溢出部分。拉伸模式拉伸图片填满单元格，不保持宽高比。

是的，PNG和WebP导出保留原始图片的透明度。您也可以为精灵图设置自定义背景色，这对不支持透明度的JPG导出很有用。

间距在精灵图中的各个精灵之间添加空间，防止纹理采样时出现视觉渗透。这对使用线性滤波的游戏引擎或精灵有透明边缘时特别重要。

可以，精灵图非常适合CSS图片精灵。JSON图集数据可用于生成CSS background-position规则，减少HTTP请求，提高图标集和UI元素的页面加载性能。

保持精灵图尺寸为2的幂（256x256、512x512、1024x1024）以获得最佳GPU纹理处理。大多数游戏引擎偏好这些尺寸以获得更好的性能和兼容性。

精灵图通过将多个精灵批量处理到单个纹理中来减少绘制调用。这最小化了GPU状态变化，减少了内存开销，实现了更高效的渲染，对移动游戏和基于Web的应用尤为重要。

精灵图通常将帧排列在统一的网格中，而纹理图集可以使用bin packing等算法更高效地打包不规则形状的精灵。本工具生成基于网格布局的精灵图，以确保简单性和兼容性。