资源 // Articles

JPEG / PNG / WebP 的使用场景

整理照片、透明图片、UI 截图等 Web 常用图片格式的选择方法。

JPEG、PNG、WebP 并不存在永远正确的一个答案。照片、Logo、透明素材、UI 截图和既有工作流,对格式的要求都不同。

JPEG 适合照片

JPEG 适合照片和渐变较多的图片。它能让颜色丰富的图片变小,但压缩过强时可能出现块状噪点、边缘发糊或色带。

PNG 适合透明和清晰边缘

PNG 适合 Logo、图标、图表和 UI 图片等边界清晰的素材,也容易处理透明区域。不过用于照片时,文件体积往往会变大。

WebP 是 Web 分发的选择

WebP 可以用于照片和透明图片,并且常常比 JPEG 或 PNG 更小。替换既有素材前,需要确认 CMS、工作流和外部服务是否支持。

  • 照片和背景图片:JPEG 或 WebP
  • 需要透明的 Logo 和图标:PNG 或 WebP
  • 截图和 UI 图片:PNG,或检查后使用 WebP
  • 已有网站素材:先保持原格式
  • 新建优化分发:可考虑 WebP

TOOLPOOL 的图片批量压缩会保持 JPEG / PNG / WebP 的原扩展名。它适合在不改文件引用的情况下,让现有素材整体变轻。