商品展示视频怎么转GIF？详情页动图的尺寸和节奏

答案是按位置定参数，而不是按原视频定。详情页正文宽 750px，动图做 3 到 5 秒、单张压在 1MB 以内，弱网下也能两秒内出图；主图位可以放到 800 宽、2MB。节奏比清晰度更重要：商品动图是让人看卖点的，一秒换三个角度等于什么都没看清。两个边界先记住：上传视频最大 200MB，导出的 GIF 单张 50MB；GIF 没有音轨，原片里的解说声和背景音一律丢掉。

商品动图和普通动图的差别

它是被「扫」过去的。详情页是纵向浏览，动图只占一屏里的一小块，停留不到两秒，前 0.5 秒没交代清楚就白做。

它要交代卖点。普通动图追求好看，商品动图追求看清：材质、开合、尺寸对比，一个动图只讲一件事。

它的体积有硬上限。正文动图过 1MB，弱网下会拖住后面整屏内容，读者直接划走。

三条决定了参数方向：宽而短、慢而稳、体积优先。清晰度排在这三样后面。

按位置定尺寸和时长

同一个商品，放主图和放正文的要求完全不同。先确定位置，参数照着填就行。

最容易做错的是拿手机拍的 1080P 原视频直接转。详情页栏宽只有 750，多出来的像素全白下载，体积却按 1080 算。

具体怎么做，六步完成

① 打开 视频转 GIF，点上传选 MP4，页面标着最大支持 200MB。

② 拖时间轴把片头黑场和 logo 切掉，起点往后挪 0.5 秒，让第一帧就是商品本体。

③ 「持续时间」控制在 3 到 5 秒，一个动图只留一个动作，旋转一周或开合一次。

④ 「尺寸选择」按位置挑档位，详情页正文用 480P，主图位最多到 720P 就够。

⑤ 点「开始生成」，下载后先看首帧，首帧不好看就回第②步再挪一次起点。

⑥ 体积超过 1MB，进 GIF 压缩 把「宽(像素)」改成 750、帧数抽取去掉 20%，压缩等级留 70。

这里有个细节值得先说：白底商品视频转出来容易出现灰边和色带，先在 GIF 裁剪 里切掉四周一圈再压，边缘会干净很多。

节奏怎么调

商品动图的节奏靠帧数控制，不靠播放速度。压缩页的「帧数抽取」去掉 20%，等于每 5 帧删 1 帧，播放会稍快一点；去掉 30% 就开始有跳感，只适合本来就慢的旋转镜头。

想更慢，别抽帧，改成缩时长。3 秒压到 2 秒，动作看着更利落，体积也跟着掉三分之一。

还有个反常识的点：动图太快不是因为帧率高，是因为单帧停留短。12fps 停留 83 毫秒已经不算慢，觉得一晃而过，多半是该删动作而不是调速度。

GIF 做商品动图做不到什么

它没有声音，也不能暂停。想让人停在某个角度细看，只能另外放一张静态图在动图旁边。

它也不支持透明底直接叠到彩色页面上不出白边。详情页背景不是纯白时，动图四周会显出一圈白框，得在源视频上把背景做成和页面同色。

商品视频转GIF常见问题

1. 详情页动图做多大合适？

正文位置 750 宽、3 到 5 秒、1MB 以内；主图位可以放到 800 宽、2MB。超过这个数，弱网下加载会明显拖慢。

2. 能保留视频里的声音吗？

不能。GIF 格式没有音轨，讲解声和背景音乐会一起丢，需要声音就把原视频一起放上去。

3. 转几秒比较合适？

3 到 5 秒。低于 2 秒看不清动作，超过 6 秒读者等不到播完就划走了。

4. 转出来有色带怎么办？

GIF 只有 256 色，渐变背景最容易出色带。把背景换成纯色、减少渐变，比反复调参数有效得多。

5. 有大小限制吗？

上传的视频最大 200MB，导出的 GIF 单张 50MB。视频过大先在本地剪到 10 秒以内，或者降一档分辨率再传。

下一步：打开视频转 GIF，把商品视频的片头黑场切掉、起点往后挪 0.5 秒，截 4 秒、选 480P 生成一版；体积超 1MB 就把宽度改成 750、抽帧去掉 20%，再看一遍首帧和材质细节是否还认得出。