图片格式对比
| 格式 | 压缩 | 透明 | 动画 | 最佳用途 | 浏览器 |
|---|---|---|---|---|---|
| JPEG | 有损 | 否 | 否 | 照片 | 通用 |
| PNG | 无损 | 是（Alpha） | 否 | Logo、UI | 通用 |
| WebP | 两者 | 是 | 是 | 所有网页图片 | 97%+ |
| AVIF | 两者 | 是 | 是 | 现代网站 | 90%+ |
| GIF | 无损 | 二值 | 是 | 简单动画 | 通用 |
| SVG | 矢量/不适用 | 是 | 是 | 图标、Logo | 通用 |
| HEIC | 有损 | 是 | 否 | 苹果设备 | 有限 |
快速选择指南：
📷 照片 → WebP（配JPEG兜底）
🎨 Logo/图标 → SVG（或PNG）
🎞 动画 → WebP/AVIF（或MP4视频）
📋 截图 → PNG
🌐 最大兼容性 → JPEG/PNG
📷 照片 → WebP（配JPEG兜底）
🎨 Logo/图标 → SVG（或PNG）
🎞 动画 → WebP/AVIF（或MP4视频）
📋 截图 → PNG
🌐 最大兼容性 → JPEG/PNG