封面、表情、详情页：三类用途的GIF体积与画质标准

GIF体积与画质标准要按用途分开定：封面 640 宽、500KB、10 到 15 帧，表情 240×240、500KB 以内，详情页 750 宽、1MB 封顶。用一个标准要求三类产出，结果一定是有人嫌大、有人嫌糊。这篇把三类用途的尺寸、体积、帧数逐项量化，再给三个判断清晰度的硬指标。

同一批动图交上去，三个反馈同时回来：封面被说太大、加载慢；表情被说糊得看不清脸；详情页那张被说不够清晰。

三张图出自同一套参数、同一个标准。你按「清晰」去调，封面更大了；按「小」去调，详情页又糊了。怎么调都有人不满意。

因为「清晰」本来就不是绝对属性。封面停不到一秒、表情只有拇指大、详情页会被放大看，同一个像素密度，在三个位置上的感受完全不同。

不用记参数，记这张表的三行；拿不准的时候，往最严的那行靠。

为什么不能用一个标准

三个变量决定了一张动图「看起来清不清楚」：观看距离、停留时间、屏幕尺寸。封面图的停留时间不到一秒，表情图在聊天窗口里只有拇指大小，详情页的图会被放大看细节。同一个 500KB，在三种场景里的观感完全不同。

所以标准要按用途定，而且要定到可测量的数字上，不能停在「清晰」「不糊」这种形容词。

一张表：三类用途的三套数

这几组数字的共同点是：尺寸都不大。因为动图的像素成本是帧数乘以面积，尺寸翻倍、体积翻四倍，而观感提升远没有四倍。先把尺寸定死，体积才有可控的空间。

三套标准的参数各不相同，交付前按对应的一套走，GIF压缩里同一套流程可以反复用。

三个硬指标，加六条验收

验收的时候别靠感觉，看三个可以算出来的数。

第一是每帧的像素密度。动图宽度除以显示宽度，结果要大于等于 1.5。比如在 375 宽的容器里显示，动图至少 560 宽；低于 1.5 倍，在 2 倍屏上就能看出糊。

第二是色数。画面里如果有渐变、有肤色，色数不要低于 128；纯色卡通、文字动效可以到 64。低于 64，任何渐变都会碎成色带。

第三是每秒字节数。用体积除以时长，得到每秒要传多少 KB。超过 400KB/s 的动图，在移动网络上基本没法边下边播；控制在 200KB/s 以内比较稳。

交付前过一遍，六条全过再上传。

1. 尺寸符合用途表，宽高比与原图一致，没有被拉伸。

2. 体积在目标值以内，且留了 20% 余量。

3. 帧数与时长达标，循环播放首尾能接上，不出现明显跳帧。

4. 首帧单独截图看，能当封面用，不是空白或模糊过渡帧。

5. 在手机上按实际显示尺寸看一遍，文字能读、细节能辨。

6. 按 4G 限速加载一次，确认首屏时间内能看到内容。

拿不准时按最严的那行

1. 说不清用在哪 → 按详情页标准（750 宽、1MB）

2. 要在聊天里发 → 按表情标准（240×240、500KB）

3. 要当首图或封面 → 按封面标准（640 宽、500KB）

标准的作用不是限制创作，是让「够不够清楚」这件事可以被讨论。把尺寸、体积、帧数、三个硬指标写进验收单，返工的次数会明显下降。