精灵图生成器
将多张图片合并为精灵图，支持拖拽排序、网格布局、间距、缩放模式。导出PNG/WebP/JPG及JSON图集数据，适用于游戏引擎和CSS精灵。
什么是精灵图？为什么要使用精灵图？
精灵图是一个包含多个小图片（精灵）按网格排列的单一图像文件。使用精灵图可以减少HTTP请求，提高页面加载性能，并通过批量绘制调用使游戏渲染更高效。
支持哪些图片格式？
支持上传PNG、JPG、GIF、SVG和WebP图片。工具支持批量上传和剪贴板粘贴（Ctrl+V）以加快工作流程。
可以导出哪些格式？
精灵图可导出为PNG（支持透明度）、WebP（现代格式，文件更小）或JPG（最适合无透明度的照片）。根据目标平台需求选择。
如何调整精灵图中的图片顺序？
拖拽图片缩略图即可重新排列精灵图中的位置。您也可以使用Ctrl+V从剪贴板直接粘贴图片以快速迭代。
什么是JSON图集数据？哪些引擎支持？
JSON图集数据包含每个精灵的位置、大小和帧信息。兼容Phaser、PixiJS、Unity、Cocos2d等主流游戏引擎，可自动提取精灵。
不同的缩放模式有什么区别？
适应模式按比例缩放图片以适应单元格。填充模式缩放图片覆盖整个单元格并裁剪溢出部分。拉伸模式拉伸图片填满单元格，不保持宽高比。
工具支持透明度吗？
是的，PNG和WebP导出保留原始图片的透明度。您也可以为精灵图设置自定义背景色，这对不支持透明度的JPG导出很有用。
间距如何影响精灵图？
间距在精灵图中的各个精灵之间添加空间，防止纹理采样时出现视觉渗透。这对使用线性滤波的游戏引擎或精灵有透明边缘时特别重要。
精灵图可以用于CSS吗？
可以，精灵图非常适合CSS图片精灵。JSON图集数据可用于生成CSS background-position规则，减少HTTP请求，提高图标集和UI元素的页面加载性能。
精灵图尺寸的最佳实践是什么？
保持精灵图尺寸为2的幂（256x256、512x512、1024x1024）以获得最佳GPU纹理处理。大多数游戏引擎偏好这些尺寸以获得更好的性能和兼容性。
精灵图如何提高游戏性能？
精灵图通过将多个精灵批量处理到单个纹理中来减少绘制调用。这最小化了GPU状态变化，减少了内存开销，实现了更高效的渲染，对移动游戏和基于Web的应用尤为重要。
精灵图和纹理图集有什么区别？
精灵图通常将帧排列在统一的网格中，而纹理图集可以使用bin packing等算法更高效地打包不规则形状的精灵。本工具生成基于网格布局的精灵图，以确保简单性和兼容性。
如何使用精灵图生成器
在浏览器中将多张图片合成一张精灵图（sprite sheet）。拖拽即可调整帧顺序，精细控制网格与边距，并导出带 JSON 图集数据的 PNG/WebP/JPG，可直接用于游戏引擎和 CSS 精灵。所有处理都在本地完成。
- 添加图片后，用 + 和 − 按钮设置网格的 Columns（列数）和 Rows（行数）。
- 设置 Padding (px) 在精灵之间留出空隙，避免纹理渗色。
- Sprite Size 保持 Auto 可自动适配最大帧，也可以输入固定尺寸让所有格子统一。
- 选择 Scale Mode：Fit、Fill 或 Stretch，控制每张图在单元格中的填充方式。
- 选择 Background（Transparent、White、Black 或 Custom），把 Format 设为 PNG、WebP 或 JPG，并在 Filename 中命名文件。
- 拖动缩略图调整帧顺序，图集坐标会自动更新，然后连同 JSON 图集一起导出。
边距至少 2 px，这样纹理在引擎中被缩放或过滤时，相邻精灵才不会互相渗色。
相关工具
- Chmod 计算器 免费在线chmod计算器，通过复选框可视化Linux文件权限并计算chmod值。即时转换数字(755, 644)和符号(rwxr-xr-x)表示法，支持setuid、setgid、sticky bit等特殊权限。
- ASCII码表 完整的ASCII字符编码参考表，包含十进制、十六进制、八进制、二进制编码、HTML实体和字符描述。支持即时搜索和筛选。
- HTTP 请求测试 在浏览器中直接测试 REST API。发送 GET、POST、PUT、DELETE 请求，自定义请求头、请求体和查询参数，即时查看响应状态、头部和 JSON 内容。
- .htaccess生成器 生成Apache .htaccess规则，包括重定向、重写、安全头、缓存、压缩等。
- Robots.txt生成器 免费在线robots.txt生成器。创建和自定义robots.txt文件，控制搜索引擎爬取，管理爬虫访问，通过可视化编辑器优化网站SEO。
- 站点地图生成器 免费在线XML站点地图生成器。添加URL、设置优先级和更新频率，在浏览器中即时创建SEO友好的站点地图。
- GIF拆帧工具 从GIF动画中提取并下载单帧为PNG或精灵图。免费在线工具，支持预览和ZIP导出。
- GIF倒放 在线免费将GIF动画倒序播放。上传、预览并即时下载倒放的GIF文件。