目录
对常规优化后仍然过大的图片使用 AVIF。
本页聚焦摄影类网站图片,而非格式细节。主要指大型主图、首页照片、文章配图及仍然过大的首屏重要图片。
AVIF 不是默认格式,也不适合网站上的所有图片。 它适用于少数大型高影响力图片,额外的编码时间和质量检查换来更强压缩。
如果你想了解尺寸、交付和元数据的整体网站策略,请结合 网站图片优化指南 . 本页专注于 AVIF 的特殊应用。
快速回答
当大型摄影图片需要比常规 WebP 更强压缩时,将 JPEG 转换为 AVIF。
挑选真正重要的大图,批量导出,审核一次质量,发布更小文件。不要将所有网站资源都转成 AVIF。
转换 JPEG 为 AVIF 会发生什么变化
实际应用中,AVIF 在大型摄影图上通常比 JPEG 文件更小,但编码时间更长,且需更仔细审核。
- 主要优势是对大图实现更强压缩。
- 主要代价是比常规 WebP 导出更慢。
- 这就是 AVIF 只适用于精选图片,而非默认应用于所有文件的原因。
何时值得将 JPEG 转为 AVIF
当节省字节比简化流程更重要时使用 AVIF,通常只针对少数重要图片,而非所有资源。
- 提升最大内容绘制(LCP)的主图。
- 常规优化后仍显过大的首页大图。
- 文件明显过大的重要文章配图。
- 高价值摄影资源,额外压缩值得更慢导出。
何时不宜将 JPEG 转为 AVIF
这是许多文章忽略的部分。AVIF 有用,但不应成为默认,也不应因格式存在而滥用到低影响图片。
- WebP 已能很好处理的常规网站图片。
- 节省空间有限、对页面重量影响不大的小图。
- 截图、图表、标志和界面图形应使用 PNG、SVG 或 WebP。
- 任何未经过视觉审核的转换后图片。
缓慢的浏览器工具版本及其破坏工作流程的原因
浏览器版本总是如此。 上传 JPEG,等待 AVIF 输出,下载后再处理下一张重要图片。
偶尔这样可行,但若在优化大量重要图片时拖慢发布流程,就成了坏习惯。
额外交接
在真正发布前增加不必要的浏览器往返,不适合选择性图片处理。
先增加摩擦
编码变慢体验更差
AVIF 本身比日常 WebP 更讲究,浏览器等待让延迟感更脱节。
时间流失
重复清理
下载、命名清理和反复往返使专注的优化变成额外负担。
打断流程
选择性桌面工作流程:实际操作方式
实用版本是选择性且本地化的。 不转换所有图片,只挑重要的大 JPEG 批量导出,审核一次,发布更小文件。
- 识别仍占页面重量的大 JPEG 图片。
- 一次性将选中图片转换为 AVIF。
- 审核最重要图片的质量。
- 发布更小文件,常规资源保持使用更简单的 WebP。
如果想了解本地与在线工具的整体选择, 最佳网页图片转换器指南 涵盖了更广泛的工作流程问题。
Windows 用户的桌面工作流程
在 Windows 上,合理的设置是将 AVIF 作为针对精选网站图片的专注优化步骤,而非新奇功能。
Pixel Press 专为这种选择性批量处理设计。
AVIF 与 WebP 在此特定场景下的对比
规则简单:WebP 是常规网站发布的默认格式,AVIF 是针对大型摄影图的特殊格式,适合额外压缩换取更慢编码和快速审核。
WebP
用于日常图片准备、常规网站更新及需快速发布的资源。
速度与常规
AVIF
用于大型摄影图,强压缩显著减轻页面负载。
优先压缩
如果目标是常规转换速度而非最大节省, JPG 转 WebP 伴侣指南 是更合适的后续阅读。
快速清单
- 为少数压缩收益显著的大型摄影图选择 AVIF。
- 保持 WebP 作为常规网站图片的默认格式。
- 发布重要图片前请审核 AVIF 输出。
- 不要盲目将 AVIF 作为页面所有资源的默认格式。
总结
AVIF 并非适用于所有图片,但正适合部分大型网站照片。
选择性使用于大型主图和重要首页视觉,强压缩值得额外步骤。常规工作用 WebP,保持本地流程,让 AVIF 成为针对性优化而非通用规则。
