什么是 GIF 精灵图？

精灵图将动画 GIF 的所有帧按网格布局在单个 PNG 图片中，通常用于游戏开发和 CSS 动画。

精灵图以什么格式导出？

PNG。此格式保留了原始 GIF 帧的所有颜色和透明度。

设置列数。行数将根据总帧数自动计算。

使用 `background-position` 和 `animation` 属性来逐步切换帧。每一帧在精灵图中占据（宽度 × 列，高度 × 行）的像素位置。

可以。Phaser、Unity (2D) 和 Godot 等游戏引擎都支持精灵图进行逐帧动画。

每个单元格等于原始 GIF 尺寸。精灵图总尺寸为（gif 宽度 × 列数）×（gif 高度 × 行数）。

包含。PNG 支持完整的 Alpha 透明度，因此 GIF 帧中的任何透明区域都会被保留。

不会。精灵图是一个新的 PNG 文件。您的原始 GIF 被读取但未被更改。

精灵图允许精确控制动画 — 您可以使用 CSS 或 JavaScript 暂停、反转或跳转到特定帧，这与自动播放的 GIF 不同。

帧按原始 GIF 的顺序排列。在创建精灵图之前，请使用“帧编辑器”重新排序。

Private

将 GIF 帧导出为单个精灵图 PNG 文件。

将 GIF 拖放到此处

或点击浏览 · 仅限 GIF

将动画 GIF 转换为精灵图——包含所有按网格排列的帧的单张图片。非常适合 CSS 动画、游戏引擎和逐帧导出。

配置列数，GifStream 会自动计算网格布局。输出为单张 PNG，支持统一帧尺寸和透明背景。

Last Updated: 2026年8月14日

FLEXEAM NETWORK

Flexeam

聊出你的风格。

ImageStream

在浏览器中即时编辑图片。

GameStream

无需安装，免费畅玩游戏。

HourStream

世界时间，一目了然。

PDFStream

快速免费的 PDF 工具。