返回首页
雪碧图生成器 – CSS Sprites & 纹理图集
将多张图片打包成一张雪碧图，获取精确的 CSS background-positions 和 TexturePacker 风格的 JSON 映射。非常适合 CSS Sprites、网页图标和游戏动画帧。可重新排序、设置列数和内边距，然后下载雪碧图及其坐标。免费、私密，且完全在您的浏览器中运行。
上传图片进行打包
接受的格式：JPG、PNG、WEBP、BMP、GIF（非动画）
粘贴 (Ctrl/⌘+V) 或拖放图片 — 或从网址导入
将许多小图像组合成一个精灵图，以加快您的网站或游戏速度。Image Machine 可在浏览器中将您的图标或帧打包成一张图像，无需上传，无需账户，因此您可以在单个请求中提供它们。精灵图在您的设备上生成，您的资产保持私密。
使用方法
选择工具
从 120+ 款工具中选择，调整尺寸、转换、压缩或增强您的图像。
上传并编辑
拖放您的图像并调整设置。文件始终保留在您的设备上。
下载
立即保存您的成果 — 无水印，无需注册。
为什么选择 Image Machine？
您的文件永不离开设备
所有处理都在您的浏览器本地完成，您的图像绝不会上传到服务器。
完全免费
每款工具都免费，没有使用限制、没有水印，也没有任何隐藏费用。
极速处理
无需等待上传 — 您的图像在自己的设备上即时处理完成。
专业品质
像素级精准的输出，可完全掌控格式、尺寸和质量。
常见问题
sprite sheet（精灵图）有什么用？
sprite sheet 把许多小图形——图标、按钮或动画帧——合并成一张图。加载单个文件而不是几十个文件，能减少网络请求，从而加快网页和游戏的速度。
如何在网站上使用 sprite sheet？
显示这张合并后的图，并用 CSS 的 background-position 移动它的位置，从而只显示你需要的那个图标。动画引擎的原理相同，会逐帧切换排布在 sprite sheet 中的画面。
合并图片会损失质量吗？
不会——每张图片都以全分辨率放入 sprite sheet 中。导出为 PNG 可保持一切无损并带透明，这是图标和 UI 精灵的标准选择。