图片格式选型：JPEG、PNG、WebP与AVIF实践

图片格式选型：JPEG、PNG、WebP与AVIF实践概览现代图片优化围绕格式、尺寸与加载策略展开。合理的格式选型与响应式加载能显著降低带宽消耗并提升首屏体验。技术参数（已验证）JPEG：适合照片类内容，支持有损压缩与渐进式加载。PNG：适合透明与图形元素，支持无损压缩与索引色。WebP/AVIF：提供更高压缩效率与透明支持，具体兼容性需依据目标浏览器版本评估。响应式图片：`<img srcset/sizes>` 与 `<picture>` 实现按设备与密度选择资源。实战清单根据内容类型选择格式：照片优先 JPEG/WebP/AVIF，图标优先 PNG/SVG。提供降级路径与 `picture` 多源，兼容旧浏览器。控制尺寸与密度，避免过度像素导致资源浪费。