Image Formats

PNG vs WebP vs AVIF:该用哪种图片格式?

针对网站图片、透明背景、屏幕截图、照片与浏览器支持,实用比较 PNG、WebP 与 AVIF。

当你需要干净的源文件、精确的像素,或与设计工具广泛兼容时,请使用 PNG。当你想要更小的网站传递文件且浏览器支持良好时,请使用 WebP。当你正在大幅优化、且能测试完整发布流程时,请考虑 AVIF。

快速决策表

需求 较好的起点
透明标志来源 PNG
网站截图传递 WebP
产品照片传递 WebP 或 AVIF
无损编辑 PNG
激进的页面加载量削减 测试后的 AVIF

当你有大型 PNG 文件、又想要快速的传递副本时,请试试 PNG to WebP

常见问题

WebP 总是比 PNG 好吗?

不一定。WebP 在传递时通常更小,但 PNG 在可编辑的源文件、微小图形,以及精确的无损工作流程上可能更好。

我该对每张图片都用 AVIF 吗?

AVIF 可以非常高效,但编码可能较慢,而且工作流程的支持程度不一。在把它当成唯一格式前请先测试。

相关指南

接着阅读