Free tools
怎么给 Logo 做动画：文件准备、动画选择和各用途的导出设置
准备 Logo 文件，按视频片头、抖音竖屏、邮件签名、网站加载等用途选画幅、方向和动画，导出合适的 MP4 或透明 GIF。
文中视频样片均在 Cicadas 真实生成，并保留模型、参数和日期。用户用这些模型生成时 Cicadas 会获得收入。我们如何实测
**简短回答：**先准备一个透明背景的 PNG 或 SVG，再按用在哪儿决定画幅、方向和文件格式：视频片头用 16:9 的 MP4、选“片头”；抖音和视频号用 9:16 的 MP4；邮件签名用小尺寸 GIF、选“片尾”；网页和表情贴纸用透明 GIF。免费的 Logo 动画制作器 在浏览器里就能做完这些，而且不会重画你的 Logo。
Cicadas 是我们做的，下文用的工具也是我们的。MP4 的耗时和大小来自 2026 年 10 月 8 日在电脑版 Chrome 上的实测；GIF 导出在 2026 年 10 月 18 日用 Chrome 检查过；尺寸、时长、帧率等上限是 2026 年 11 月 5 日从工具代码里读出来的。如果你是在挑工具而不是学用法，可以先看我们的 6 款免费 Logo 动画工具实测对比。 之后我们又把 8 种 Logo 文件跑遍了 6 种动效，结果见Logo 动画实测。
第一步：准备 Logo 文件
文件准备得好不好，比选什么动画影响更大。
- **用透明背景的 PNG 或 SVG。**这样能放在任何背景色上，也只有这种文件能导出透明 GIF。JPG、WebP 也能用，但底色会跟着一起动。
- **Logo 自带底色的话，**工具会读取四个角的颜色把整个画面填满，看不出方框；但“擦除显现”和“扫光”会扫过整个矩形，而不只是图形本身。
- **SVG 要写明尺寸。**没有 width、height 或 viewBox 的 SVG 量不出大小，会被拒绝。文件最大 20 MB，单边最多 8000 像素。
- **裁掉多余的留白。**Logo 会被放进画面 30%、45% 或 60% 大小的框里（小、中、大），按文件本身计算。四周的透明留白越多，Logo 看起来就越小。
- **横向字标还是方形图标？**很宽的字标会先碰到宽度上限，在方形或竖屏画面里通常要选“大”；方形图标一般选“中”就合适。
第二步：按用途选设置
| 用途 | 画幅和尺寸 | 用途选项 | 时长 | 动画 | 格式 |
|---|---|---|---|---|---|
| B 站或 YouTube 视频片头 | 16:9，1920×1080 | 片头 | 3 到 4 秒 | 淡入、上浮或扫光 | MP4 |
| 视频片尾 | 16:9，1920×1080 | 片尾 | 3 到 5 秒 | 淡入或上浮 | MP4 |
| 抖音、视频号、小红书竖屏 | 9:16，1080×1920 | 片头或两者 | 2 到 3 秒 | 弹出或擦除显现 | MP4 |
| 朋友圈或方形信息流 | 1:1，1080×1080 | 两者 | 3 到 4 秒 | 扫光或弹出 | MP4 |
| 汇报 PPT | 16:9，1920×1080 | 片头 | 2 到 3 秒 | 淡入 | MP4 |
| 邮件签名 | GIF，320 像素 | 片尾 | 2 到 3 秒 | 扫光或淡入，纯色背景 | GIF |
| 网站加载动画或表情贴纸 | GIF，320 或 480 像素，透明 | 两者 | 2 到 3 秒 | 弹出或擦除显现 | GIF |
邮件签名为什么选“片尾”：GIF 会循环播放，而部分电脑版 Outlook 只显示 GIF 的第一帧（微软支持页面说，关掉动画 GIF 时就会这样）。选“片头”的话第一帧是空的，这些收件人什么都看不到；选“片尾”，第一帧就是完整的 Logo。签名 GIF 最好用和邮件背景一致的纯色，透明 GIF 的柔和边缘放在白底上容易有锯齿。
透明 GIF 为什么选弹出或擦除显现：GIF 的像素只有全透明和不透明两种。淡入和“对焦”的模糊都靠半透明像素，在透明 GIF 里会变成直接出现。弹出改变的是大小，擦除显现是硬边逐渐露出，这两种都不受影响。
第三步：按 Logo 的样子选动画
| 动画 | 效果 | 适合 |
|---|---|---|
| 淡入 | 淡入的同时略微放大 | 任何 Logo；稳重品牌最保险的片头 |
| 上浮 | 淡入的同时向上滑到位 | 下面还要接标语或字幕条的 Logo |
| 弹出 | 弹到略大于原尺寸再回落 | 方形图标、App 图标；很长的字标不太合适 |
| 擦除显现 | 从左到右逐渐露出 | 横向字标，和阅读方向一致 |
| 对焦 | 从模糊变清晰 | 细节多或照片质感的 Logo；不适合透明 GIF |
| 扫光 | 一道光从 Logo 上扫过一次 | 金属感、粗体 Logo；本来静止、需要一点亮点的 Logo |
导出之前，预览会用你自己的文件播放每一种动画，多试几种不花任何成本。动画出现的过程固定占整段的 30%，最多 1.2 秒，之后 Logo 保持静止。
第四步：导出
- 在 Logo 动画制作器 里选择 Logo 文件，设置动画、用途、时长（2 到 6 秒）、画幅、Logo 大小和背景色。
- 要视频，就选 720p 或 1080p，点“制作 MP4”。得到的是 H.264 编码、每秒 30 帧、无声的 MP4。实测中，六段 2 到 6 秒的视频每段不到 3 秒就做好，大小 0.04 到 0.44 MB。
- 要 GIF，就选长边 320、480 或 640 像素，点“制作 GIF”。GIF 每秒 15 帧，会自动循环。
- 离开页面前先下载：文件只存在于当前浏览器标签页里，Logo 也从来不会被上传。
如果 Logo 要在画面里停留超过 6 秒，在剪辑软件里延长最后一帧即可，不用做更长的视频；静止的那些帧完全一样，延长不会损失画质。
第五步：放进你的视频
把“片头”视频放在时间线最前面，等 Logo 停稳后再切到正片。片尾卡用同一个文件、选“片尾”再做一段。视频本身没有声音，可以在剪映之类的软件里加一个“嗖”或“叮”的音效，也可以用 AI 音效生成器 做一个。
想要 AI 生成的 Logo 片头怎么办
有些人搜“AI Logo 动画”，想要的是围绕 Logo 生成的场景：光线、烟雾、镜头推近。那是模型生成的画面，每一帧都会重画，字形可能变形。在 Logo 页面上点“把这个 Logo 做成 5 秒开场视频”，会把停稳的 Logo 作为第一帧带到 图生视频，用 Kling 3.0 Pro 生成 5 秒，140 积分，生成前会显示价格。Logo 本身仍用第四步导出的 MP4，AI 视频只当作围绕它的场景。
如果你的“Logo”其实就是一个用字体排出来的名字，用 文字动画制作器 逐字打出或逐渐显现会更合适。要做角落带 Logo 的动态图表或讲解视频，看 怎么用 AI 做动效视频。
我们没有验证的部分
MP4 只在电脑版 Chrome 上测过，Safari、Firefox 和手机都不在测试范围内；GIF 导出还没在 iPhone 上试过。浏览器写不了 MP4 时，页面会在开始前提示。各邮件客户端怎么播放 GIF 我们没测，上面关于 Outlook 的说法来自微软。
常见问题
给 Logo 做动画，用什么文件最好？
透明背景的 PNG 或 SVG。放在任何背景色上都干净，而且只有它能做出透明 GIF。JPG 和 WebP 也能用，但它们自带的底色会一起动。SVG 需要写明 width 和 height 或 viewBox；文件最大 20 MB，单边最多 8000 像素。
视频片头用哪种动画？
16:9、1920×1080，用途选“片头：出现后停留”，时长 3 或 4 秒，动画选淡入、上浮或扫光。Logo 在前 1.2 秒内到位，之后一直静止，接正片时切得干净。
邮件签名里的动态 Logo 怎么做？
做 GIF，长边 320 像素，用途选“片尾：先停留再离开”，这样第一帧就是完整的 Logo。部分电脑版 Outlook 只显示 GIF 的第一帧，选“片头”的话第一帧是空的。
动态 Logo 能做成透明背景吗？
GIF 可以：Logo 文件是透明 PNG 或 SVG，并勾选“GIF 用透明背景”。GIF 的透明只有全透明和不透明两种，柔和边缘会被截断，淡入会变成直接出现，所以弹出和擦除显现效果最好。MP4 永远是纯色背景。
做动画会不会把 Logo 的字形或颜色改掉？
只移动文件、不重画的工具不会。在 Cicadas 上，Logo 停留的每一帧显示的都是你上传的文件，只做了缩放；MP4 压缩会让细边略微变软。AI 视频模型不一样：它每一帧都重画，字形可能会变。
现在就做
Logo 动画制作器 免费、不用登录、没有水印，Logo 文件不离开你的设备。想围绕 Logo 生成 AI 场景，图生视频 140 积分起，生成前显示价格。