GIF 与 PNG:两种无损格式,各有局限
GIF 和 PNG 存储像素时都不会丢弃细节,所以 GIF 转 PNG 可以做到完全忠实于原图。两者的区别在于能容纳什么,这也决定了什么时候值得转换。
颜色:都可以用调色板
GIF 的每一帧最多只能使用 256 种颜色,存放在一个调色板中。PNG 既可以用调色板,也可以存储包含数百万种色彩的全彩图像。由于 GIF 每帧从不超过 256 色,本工具会尽可能用调色板保存 PNG,既让每个像素保持一致,又让文件保持小巧。
透明:只有开关,还是 256 级
GIF 的像素要么完全透明,要么完全不透明;PNG 的像素则可以是两者之间的任意程度。这正是设计师把图形从 GIF 转换成 PNG 的主要原因:以后编辑时可以用平滑、柔和的边缘。转换本身会把边缘保持成 GIF 原来的样子。
动画
GIF 能动,标准 PNG 不能。所以 GIF 转 PNG 意味着选择其中一帧,或者把每一帧都存成单独的 PNG。在上方的工具里,这两种方式都只需点一下。
为什么直接从 GIF 里取出的帧看起来是坏的
如果你用过别的工具,得到的帧几乎是空白的,或者只有一双眨动的眼睛,那并不是 GIF 损坏了,而是动图本来就是这样节省空间的。
大多数帧只是补丁
动图的第一帧通常是一幅完整的画面。之后的帧往往只存储发生变化的那块矩形区域,其余部分沿用屏幕上已有的内容。单独拿出来看,这样的帧就是空白背景上的一小块补丁。
处置方式决定接下来发生什么
每一帧还会说明,在绘制下一帧之前,如何处理自己所在的区域:
保留
这一帧保持不动,下一帧画在它上面。这是最常见的设置。
清除
该区域被擦成透明,常用于在空白背景上移动的小角色。
恢复到之前的画面
该区域恢复成这一帧出现之前的样子,常用于短暂的闪烁和弹出效果。
本转换器在保存之前,会按这些规则依次重放第 1 帧到第 n 帧,所以 PNG 显示的正是浏览器在那一刻呈现的画面。
3 步完成 GIF 转 PNG
拖入 GIF 文件
把一个或多个 GIF 拖到虚线区域,或点击选择文件。静态 GIF 和动图都支持,不会上传任何内容。
选择帧
如果是动图,会出现一条胶片式帧条:点击你想要的那一帧。想把整段动画保存为静态图片,就把“帧”切换为“全部帧(ZIP)”。
下载 PNG
点击“下载”获取单张 PNG,或获取一个 ZIP,里面每帧一张按编号命名的 PNG。多个 GIF 的结果也可以一起打包成一个 ZIP 下载。
拖入一个或多个 GIF。
在帧条中选一帧,或选择全部帧。
下载 PNG,或下载包含每一帧的 ZIP。
带透明的 GIF 转 PNG:哪些能保留,哪些不能
GIF 中的透明像素在 PNG 中依然透明。让人意外的是抠图形状周围的那圈边缘。
浅色白边从哪里来
因为 GIF 不支持半透明,导出 GIF 的软件会把抗锯齿边缘与某种背景色(通常是白色)混合在一起。放在白色页面上,边缘看起来很平滑;放到深色背景上,这些混合过的像素就会显出一圈细细的浅色轮廓。
为什么转换无法去掉它
白边已经“烙”在像素的颜色里。GIF 转 PNG 会忠实复制这些像素,白边也就一起带了过来。想要干净的边缘,请从源文件重新导出为 PNG,或者把 PNG 放在与当初制作 GIF 时相近的背景色上使用。
快速检查
在预览中打开结果:图像背后的棋盘格会准确显示哪些像素是透明的。
PNG 会比 GIF 更大吗?
通常体积相差不大,有时还会更小。这取决于 PNG 的存储方式。
调色板 PNG 与 32 位 PNG
很多转换器会把每一帧都存成 32 位 PNG,每个像素占 4 个字节。对一幅 256 色的图片来说这很浪费,文件常常会大出 2 到 4 倍。本工具使用调色板 PNG,每个像素只占 1 个字节,而 PNG 的压缩效果往往与 GIF 持平,甚至更好。
PNG 什么时候会变大
由照片或视频制作的 GIF 会大量使用抖动,也就是用细密的噪点来模拟更多颜色。噪点在任何无损格式中都很难压缩。如果你的源文件是这类 GIF,而且只需要一张用于分享的静态图片,GIF 转 JPG 能得到小得多的文件。
GIF 与 PNG 一览
| GIF | PNG | |
|---|---|---|
| 压缩方式 | 无损(LZW) | 无损(Deflate) |
| 颜色 | 每帧最多 256 色 | 调色板或数百万色 |
| 透明 | 每个像素只有透明或不透明 | 每个像素 256 级透明度 |
| 动画 | 支持 | 不支持(标准 PNG) |
| 最适合 | 短循环、简单动画 | 标志、图标、截图、待编辑的静态图 |
什么时候适合把 GIF 转 PNG
只要你需要一张保留锐利边缘和透明背景的静态图片,转换就是值得的。
适合转换的情况
- 把表情包动图中的一帧做成贴纸、表情或头像。
- 在更适合用 PNG 的文档、幻灯片或应用中使用旧的 GIF 标志或图标。
- 逐帧保存像素画,以便编辑。
- 从录屏 GIF 中提取一张清晰的截图。
什么时候保留 GIF
如果动起来才是重点,那就保留 GIF:PNG 只是一张静态图片。如果网站需要用到一段长动画的每一帧,视频格式通常也比几百张 PNG 更小。