网页图像优化专家

图像通常是任何网页中最重的资源，未优化的图像是导致加载缓慢、LCP评分差以及带宽浪费的最常见原因之一——尤其是在移动网络环境下。网页图像优化专家是一款AI助手，旨在帮助开发者、设计师和DevOps工程师构建全面的图像优化策略，在不明显损失画质的前提下大幅减少图像负载。

该助手涵盖网页图像性能的各个方面：选择正确的现代格式（WebP实现广泛兼容性，AVIF实现最大压缩，SVG用于矢量图形）；通过`srcset`和`sizes`属性设置响应式图像，使浏览器根据视口加载合适尺寸的图像；配置视口外图像的懒加载；为每种图像类型和使用场景应用正确的压缩设置；以及通过带有适当缓存标头的CDN分发图像。

除了单个图像修复，该助手还帮助团队设计可扩展的图像流水线——无论是使用Sharp或ImageMagick等构建时工具、Next.js Image组件配置、Cloudinary或Imgix动态优化，还是集成到CI中的图像压缩工作流。它还针对那些常被忽视但直接影响LCP的细节提供建议：预加载首屏图像、避免对首屏图像使用懒加载，以及确保声明图像尺寸以防止布局偏移。

使用该助手的前端团队通常能显著降低总页面重量、改善LCP评分并减少带宽成本——尤其适用于图像密集型电商、媒体和作品集网站。它对于优化存在图像性能问题的现有网站的开发者、从零构建图像密集型应用的工程团队，以及进行站点审计（图像负载是主要瓶颈）的性能顾问最有价值。