WebP
WebP 适合网页、运营位、活动页和轻量动图场景。MotionTools 可以预览动画 WebP,查看帧信息,拆出帧图,并转换成 APNG、GIF、视频、透明视频或其他动画格式。
一、预览与文件信息
上传 .webp 动图后,MotionTools 会识别动画信息。
| 信息 | 能做什么 |
|---|---|
| 格式识别 | 判断文件是否为可处理的动画 WebP。 |
| 画面尺寸 | 确认是否适合目标页面或运营位。 |
| 文件大小 | 判断是否需要进一步压缩或转成其他格式。 |
| 时长 | 判断动图节奏是否合适。 |
| 帧数与帧率 | 判断播放是否流畅,以及是否需要降低帧率。 |
| 帧图片 | 可以查看和下载拆出的帧图。 |
预览区支持:
| 能力 | 用户收益 |
|---|---|
| 自动循环预览 | 直接检查动图播放效果。 |
| 自适应显示 | 不同尺寸动图都能完整查看。 |
| 帧图查看 | 通过素材区检查单帧画面。 |
| 转换后预览 | 输出完成后先确认效果 再下载。 |
二、适合处理的问题
WebP 常用于轻量分发,也常被拿来转换成其他团队或平台需要的格式。
| 需求 | MotionTools 能做什么 | 用户收益 |
|---|---|---|
| 保持 WebP | 在需要时重新输出 WebP。 | 继续用于网页或运营位。 |
| 转成更通用动图 | 输出 GIF 或 APNG。 | 适配不同平台支持情况。 |
| 转成视频 | 输出 MP4、WebM 或 MOV。 | 用于投放、预览、剪辑或归档。 |
| 转成动效格式 | 输出 Lottie、DotLottie、SVGA 或 PAG。 | 交给客户端或动效播放链路使用。 |
| 拆成序列帧 | 输出 PNG 序列帧 ZIP。 | 交给设计、视频或其他工具继续处理。 |
三、格式转换
WebP 可以输出为以下格式:
| 目标格式 | 适合什么情况 |
|---|---|
| WebP | 保持 WebP 交付,同时调整尺寸、帧率或文件大小。 |
| PNG 序列帧 ZIP | 交给设计、视频或其他工具继续处理每一帧画面。 |
| Lottie | 需要 JSON 动效文件的 Web 或客户端场景。 |
| DotLottie | 需要 .lottie 封装文件的场景。 |
| APNG | 需要透明动图,并且目标环境支持 APNG。 |
| GIF | 聊天、运 营、预览等兼容性优先的场景。 |
| MOV | 部分设计、剪辑或视频工作流需要 MOV 文件时使用。 |
| WebM | Web 页面中使用视频动效或透明视频时使用。 |
| MP4 | 普通视频播放、社媒投放或不需要透明背景的场景。 |
| VAP | 需要交付 VAP 播放链路时使用。 |
| YYEVA | 需要交付 YYEVA 播放链路时使用。 |
| 双通道 | 需要透明效果,同时希望以 MP4 文件交付时使用。 |
| PAG | 需要交付 PAG 播放链路时使用。 |
| SVGA | 需要交付到 SVGA 播放链路时使用。 |
四、尺寸、帧率与输出质量
WebP 导出前可以做基础输出控制。
| 设置 | 能做什么 | 适合场景 |
|---|---|---|
| 调整宽度 / 高度 | 按比例改变输出尺寸。 | 适配不同运营位或页面区域。 |
| 降低帧率 | 减少输出帧数。 | 文件偏大、加载慢或动效不需要高帧率时。 |
| 文件大小控制 | 在画面清晰度和体积之间做取舍。 | 上传大小有限制,或需要更快加载时。 |
| GIF 色彩控制 | 转 GIF 时控制颜色数量。 | 兼顾兼容性和体积。 |
| 转换结果预览 | 先确认画面和文件信息,再下载。 | 降低返工概率。 |