1) JPEG：照片的标准
JPEG（JPG）使用有损压缩，非常适合具有许多颜色和渐变的照片。它不支持透明度或动画。质量设置在70-90%之间可在大小和质量之间取得良好平衡。
2) PNG：透明度和精确度
PNG是无损格式，支持透明度（alpha通道）。非常适合徽标、图标、屏幕截图和具有锐利边缘或文本的图形。文件大小比JPEG大。
3) WebP：现代多功能格式
WebP提供有损和无损压缩、透明度和动画。比JPEG小25-35%，同时保持类似质量。在Chrome、Firefox、Edge和Safari（14+）中支持。
4) GIF：简单动画
GIF支持动画但限于256种颜色。对于现代用例，WebP或视频（MP4）更高效。仅对简单动画或表情符号使用GIF。
5) SVG：可缩放矢量图形
SVG是基于XML的矢量格式。完美的徽标、图标和图形。可无限缩放而不会失真。文件大小通常很小。可以通过CSS和JavaScript进行动画和样式化。
6) AVIF：下一代格式
AVIF比WebP提供更好的压缩。浏览器支持正在增长（Chrome 85+、Firefox 93+）。对于关键图像，使用WebP后备。
7) 选择流程图
- 需要透明度？→ PNG或WebP
- 照片？→ JPEG或WebP
- 徽标/图标？→ SVG或PNG
- 动画？→ WebP、GIF或视频
8) 网页性能提示
优先使用WebP和AVIF以获得更好的性能。为旧浏览器提供JPEG/PNG后备。压缩所有图像。为响应式设计使用srcset。