Format Atlas

指南

选择网页图像格式

选择格式前,先确定要提供的图像类型,以及哪些浏览器和工具必须支持。

应该选择哪种格式?

根据文件在工作流程中的用途选择格式。

  • 以照片为主 → 从 JPEG 开始,考虑 WebP 或 AVIF
  • 透明插图 → PNG 或 WebP
  • 标志与几何图形 → SVG

区分照片和插图

照片、透明插图和可缩放标志侧重的特性不同,应根据实际素材选择。

分发前检查

使用较新格式时,请核对目标浏览器、转换流程以及回退图片的提供方式。

候选格式

JPEG

适用于: 重视广泛兼容性的照片

不太适用于: 需要透明效果的图像

PNG

适用于: 透明图像、截图和插图

不太适用于: 以减小大小为首要目标的照片

WebP

适用于: 网页照片或透明图像

不太适用于: 未确认支持就固定使用

SVG

适用于: 以标志和几何图形为主的图像

不太适用于: 照片本身

导出前注意事项

  • 仅仅更换格式不保证文件更小或画质更好。
  • 某些动画可能更适合使用视频。

相关比较

指南

参考资料与规范