📌 常见图片格式对比
| 格式 | 压缩率（文件大小） | 透明度 | 动画支持 | 色彩深度 | 兼容性 | 适用场景 |
|---|---|---|---|---|---|---|
| AVIF | 🚀 最高压缩率（比 JPEG/WebP 小 50%+） | ✅ 支持 | ✅ 支持 | ✅ HDR / 10-bit+ | ❌ Safari 旧版不支持 | 网页优化、移动端、高质量图片 |
| WebP | 🔥 比 JPEG 体积小 30%+ | ✅ 支持 | ✅ 支持 | ✅ 8-bit/10-bit | ✅ 广泛支持 | 网页图片（替代 JPEG / PNG） |
| JPEG | 📉 中等压缩 | ❌ 不支持 | ❌ 不支持 | ❌ 8-bit | ✅ 兼容性最好 | 照片、背景图 |
| PNG | 📈 无损但文件大 | ✅ 支持 | ❌ 不支持 | ✅ 8-bit/24-bit | ✅ 兼容性好 | 透明图标、UI 设计 |
| GIF | ❌ 文件大，低效 | ✅ 支持 | ✅ 支持 | ❌ 8-bit | ✅ 兼容性好 | 简单动画（但 WebP/AVIF 更好） |
