JPEG 适合照片类内容、体积小但会有损压缩；PNG 支持透明与无损，更适合图标/截图但体积通常更大；WebP 兼顾体积与质量，既能有损也能无损，还能透明，是网页端越来越常用的选择。
JPEG（JPG）最大的特点是有损压缩：为了减小体积，它会丢掉一部分细节。对照片来说，这种损失通常不明显，所以 JPEG 依然是最常见的照片格式之一。
优点：体积小、兼容性极好、上传平台基本都支持。
缺点：不支持透明；反复编辑/多次保存会累积压缩损失，边缘和文字容易出现块状噪点。
PNG 通常被视为无损格式（对像素信息的保留更完整），并且支持透明通道，所以做 UI 图标、抠图后的透明背景素材、以及带文字的截图，PNG 往往更干净。
优点：支持透明；文字/线条边缘更利落；适合做素材与图标。
缺点：同等画面下体积往往比 JPEG 大；对大图照片不够省体积。
WebP 可以同时支持有损/无损，并且支持透明。对网页来说，WebP 往往能在保持相近观感的前提下，把体积压得更小，加载更快。
优点：体积更小；支持透明；适合网站与移动端素材。
缺点：部分老旧软件/系统兼容性不如 JPEG/PNG（但现在主流浏览器基本都支持）。
1）照片/人像/风景：优先 JPEG（如果要更小体积可试 WebP）
2）UI 图标/透明背景素材：优先 PNG 或 WebP（需要透明）
3）含文字的截图：PNG 更清晰；如果要网页加载更快可转 WebP
4）电商主图：平台只收 JPG/PNG 时按要求；如果你要透明底就 PNG，否则 JPEG 更省体积
很多人以为“PNG 更清晰”，其实关键在于内容类型。照片用 PNG 只是体积更大，并不一定更好看；反过来，文字/线条用 JPEG 才更容易糊边。选择格式时先判断你是照片类还是图形/文字类内容。
要透明就选 PNG/WebP；要极致兼容就选 JPEG/PNG；要网页加载快就优先 WebP。把“场景、透明、体积、兼容性”想清楚，图片格式就不会再选错。
