将 WebP 图片转换为 JPG

在转换前选择输出质量,并决定用什么替换透明区域。

选择 WebP 图片

静态 WebP 文件 · 文件限制:最多 20 个 · 单个文件 10 MB

透明处理选择

选择替换 WebP 透明区域的背景

JPG 无法保存 Alpha 透明度,因此请在转换前先选择背景。

WebP 转 JPG
WebP

现代来源

从下载的或为网页准备的静态图片开始。

白色

清爽默认

为文档、店铺和日常用途填充透明像素。

黑色

深色呈现

当目标场景更适配时,使用更深的填充色。

自定义

贴合品牌的填充

选择最终设计中本就应该出现的颜色。

提前选好背景,避免透明区域在结果中变成意外“惊喜”。

格式影响

为兼容性转换,并选择可见背景

当目标端不接受静态 WebP 时,请使用 JPG。由于 JPEG 没有 Alpha 通道,源文件中的透明像素需要你明确选择填充颜色。

兼容性

让接收方决定是否转换

能用 WebP 就保留 WebP;当表单、编辑器、接收方或旧系统明确需要时,再生成 JPG。

背景

选择用什么替代透明

在抗锯齿边缘周围预览白色、深色或符合品牌风格的填充,而不要想当然地认为透明像素能被保留下来。

下一步

需要时选择相关工具

如果需要动画或透明,请保留 WebP 或改用其他合适格式;单个 JPG 无法承载这两种特性。

在 VisionStory 中完成

生成并验证不透明的 JPG

在这里完成 WebP 转换准备,然后继续前往 VisionStory。使用前,请检查下载的 JPG 的背景与边缘效果。

重新选择

准备好 WebP 文件

下一步打开 VisionStory 工作区时,可能需要再次选择源文件。

确认

测试实际接收系统

发布前请检查背景颜色、边缘、尺寸、字节大小、静态帧表现,以及目标端是否接受。

确认

测试真实的接收流程

仅在指定的播放器、编辑器、上传表单、发布系统或其他目标端中检查过 Alpha 合成与静态输出无误后,再确认结果。

转换原理

分清静态像素、Alpha 与动画

静态 WebP 可能包含透明;动画 WebP 则包含多个帧。而一张 JPG 只代表一张不透明的静态图片。

Alpha

在 JPEG 编码前完成合成

当所选背景与最终放置位置的背景不一致时,半透明的阴影与边缘可能会出现“光晕”现象。

动画

确定帧处理策略

一张 JPG 只是静态图片。如果你要分享的内容包含运动效果,请保留动画 WebP,或选择支持动画的格式。

检查

对比源文件与导出文件

检查 JPG 的背景,并放大查看头发、阴影和文字周围的柔和边缘。将颜色与尺寸和源文件进行对比。

常见问题

  • 当某个应用、上传表单、邮件流程或较旧设备不接受 WebP、但支持 JPEG 时,就需要进行转换。