Article

Webflow 商品图转成 AVIF 后,还能直接取回原 PNG 吗?

解释内建转换会替换原资产且不能反向还原,保留源图与交付格式,并区分 Open Graph 图片选择器、WebP URL 和目标平台支持。

原创方法示意:先保留PNG或JPEG源;按网页与OG角色选格式;核对转换后实际输出。非工具界面、商品实拍或测试结果。

不能在 Webflow 内把已转换资产直接转回原扩展名。官方说明,内建转换会以 AVIF 或 WebP 替换原资产,包括相关画布使用;要保留 PNG、JPEG,应转换前下载或备份。误转且没有原件时,可评估包含原资产的站点备份,但不应未经范围确认直接恢复整个正式站点。Webflow Image conversion tool 官方说明

关键要点

先确认原件在哪里

假设你把商品透明 PNG 批量转为 AVIF,邮件设计师随后要求原 PNG。先查本地批准素材、设计交付包和转换前下载记录,确认是否仍有真实原件。不要把 AVIF 改名成 PNG 发过去,也不要声称再次编码得到的 PNG 就是原始文件。

若只有站点备份可能含原件,应由站点负责人评估恢复对象、影响范围及已有后续修改,再安排取回。官方确实提到备份恢复路线,却不意味着恢复整站对当前项目总是合适。官方原件替换与恢复边界

转换前给每张图标出用途

Assets 内转换路径是展开 Assets,选所需图,选择 AVIF 或 WebP,再 Compress;CMS 集合则从 Collections 的更多选项进入 Compress assets。完成后官方要求重新发布。官方两种转换入口

建议先标明每张图是否还承担邮件、供应商交接或分享预览。保留源图再做适用的小批量转换,检查实际轮廓、透明边缘和商品文字。通用格式选择可看JPEG、PNG、WebP 的交付角色(英文),本题重点是转换会替换资产的维护后果。

Open Graph 不能只照网页格式选

转换工具提醒 AVIF 的 OG 支持不广,OG 用图建议选 WebP;同时当前 OG 帮助更具体地说明:选择器只列 JPG 和 PNG,若用 WebP,应走 Add URL,且平台支持可能不同。两篇说明应合读,不能写成“所有分享图都支持 AVIF/WebP”。转换工具 OG 提示、Open Graph 官方入口说明

在 Pages > Page settings > Open Graph settings 中,JPG/PNG 可由 Select image 选择;WebP 按官方 URL 路径填写可公开访问的文件地址,再保存和发布。Collection page 则检查动态 OG image 连接的具体 Image 字段,不假设转换主图后所有分享用途都已核对。官方静态与动态 OG 设置

做一次双用途检查

以下为建议练习,没有转换站点素材:对同一商品保留源 PNG、网页用候选与 OG 用候选,分别记录文件身份和设置位置。网页检查真实显示与加载;分享用途检查页面输出的 OG 图地址及目标平台实际预览。

若网页图正常但分享卡片无图,先查 OG 配置与目标格式,不直接恢复全部图片。若图片地址失败,也不能仅因页面还有备用格式就保证会回退,见AVIF 请求失败与备用图边界。

收尾留下可恢复来源

将源图、转换后资产、所用页面与 OG 字段按素材来源追溯(英文)关联。原件是否已取回、网页是否更新、目标分享卡是否正确,应分别记录。

备份范围不明、目标平台格式未确认或实际预览仍错误时,保留候选,不宣称一次 Compress 就完成所有交付。以后再次转换前先确认原件确实保存,不能把已经替换的线上资产当作唯一母版。

本文由 Itemlume 编辑团队依据截至2026年10月31日核对的公开资料整理,采用 AI 辅助研究与编辑。文中的建议方法与假设练习不代表已完成实机、实拍或投放测试。软件入口与适用条件以当前官方说明和实际账户为准。了解编辑主体或联系勘误。