透明 PNG 做 GIF 为什么变白底？背景色、完整显示和裁剪铺满怎么选

透明 PNG 放进动图，预览里却出现一块白底，最容易被误判成“透明通道丢了”。先看处理链路会更快：图叮当前的 GIF 制作页会先建立指定大小的画布、铺上背景色，再把每张输入图按“完整显示”或“裁剪铺满”画进去，最后编码成 GIF。页面没有“透明导出”这个选项，所以透明区域呈现的是你选的背景色，而不是原 PNG 的棋盘格。

这篇只讨论静态图片制作 GIF时的画布与背景选择，不重复 GIF 体积、帧间隔或拆帧交付的通用排查。若要处理现有 GIF 的逐帧 PNG，请直接切换到GIF 制作与拆帧的拆帧模式。

透明区域为什么会变成白色

页面的“背景色”默认是白色。每一帧开始绘制前，画布会先填充这个颜色；透明 PNG 的透明像素不会覆盖这层底色，于是导出的 GIF 里看起来就是白底。把背景色改成黑色、品牌色或其他实色，只会改变这块底，不会把透明区域恢复成可继续编辑的 Alpha 通道。

因此，交付前先问清楚接收方要的是什么：

交付目标	背景处理建议	需要提前说清的边界
聊天窗口、网页卡片里的实色动图	直接选目标底色	透明 PNG 的空白处会被这个颜色填满
需要在不同底图上叠加的素材	当前页面不适合直接做透明 GIF	保留 PNG 序列，或改用接收方支持的透明动画格式
Logo、签名等四周有透明边缘的图	先确认是否要保留边缘，再选“完整显示”	边缘不会替你变成裁剪安全区

“看起来透明”不能当成“文件仍有透明通道”。在颜色背景上预览一次，再用目标软件或平台实际打开一次，才算完成检查。

完整显示和裁剪铺满怎么选

这两个选项解决的不是背景透明度，而是输入图和 GIF 画布比例不一致时怎么摆放。

• 完整显示：按比例缩放，让整张图进入画布。长宽比不同的部分会留下背景色，Logo 和签名通常更适合这一档。
• 裁剪铺满：按比例放大，直到覆盖整个画布。超出画布的边缘会被裁掉，照片或已经预留安全边缘的素材可以考虑这一档。

举个示意：一张 1200×800 的横图放进 512×512 画布，完整显示会保留全部内容，但上下会出现背景；裁剪铺满会填满正方形，却会截掉左右。人物发丝、产品边缘和文字都靠近画面边界时，不要只看缩略图，先放大确认没有被切掉。

如果输入图片尺寸差异很大，先用图片改尺寸统一长边或画布比例，再进入 GIF 页面，帧与帧之间的主体大小会更容易保持一致。这里只改变像素尺寸，不会替你补回原图已经缺失的画面。

帧尺寸、时长和循环要一起验

GIF 制作页允许设置宽度和高度，当前输入框范围是 1–4096 像素；页面还会检查画布面积，过大的组合会被拒绝。多张图按选择顺序成为帧，单帧时长可以逐张改，页面把时长限制在 20–10000 毫秒并按 10 毫秒取整。

循环选项也会写进成品：可以一直循环、只播放一次，或指定额外重复次数。若要让第一帧停留更久，不要把所有帧的时长一起改掉，单独调第一帧并在目标播放器里复核。播放器和社交平台可能二次编码，网页预览顺滑不代表上传后节奏一定不变。

页面当前还限制一次最多 300 帧、输入文件总大小不超过 100MB。这个限制是提交前的资源保护，不是对最终 GIF 体积或平台上传上限的承诺；导出后仍应查看文件大小和实际播放效果。

导出前用一张小清单复核

[ ] 已确认接收方要实色 GIF，还是要保留透明动画素材
[ ] 背景色不是默认白色的误选，且与页面或聊天底色相容
[ ] Logo、签名和文字没有被“裁剪铺满”切掉
[ ] 所有帧的主体尺寸和位置没有突然跳变
[ ] 第一帧和关键停顿帧的时长单独检查过
[ ] 循环次数符合交付说明，而不是沿用上一次设置
[ ] 已在目标播放器或平台做过一次实际打开测试

需要把多张静态图按顺序制作成动图时，可直接打开GIF 制作与拆帧。如果只是调整输入图片的像素大小，先用图片格式转换与压缩或图片改尺寸，再回到画布设置，通常更容易定位问题。

本文按 2026 年 8 月 24 日核对的官网页面与 GIF 处理源码整理。浏览器播放器、平台二次编码和接收方格式要求不在本页控制范围内；透明动画是否可用，应以最终接收方的格式合同为准。