图片是网页体验的重要组成部分，也会影响页面加载速度、可访问性、图片搜索曝光和整体 SEO 表现。优秀的图片优化应同时兼顾“用户看得清、页面加载快、搜索引擎读得懂”。
从上传前就开始优化
- 文件名：使用可读的描述性命名，例如 seo-image-compression.jpg?x-oss-process=image/resize,w_700,limit_1/format,webp，避免 IMG_1234.jpg?x-oss-process=image/resize,w_700,limit_1/format,webp 这类无意义名称。
- 尺寸：按页面展示尺寸导出图片，不要把超大原图直接上传到网页。
- 格式：照片类图片可用 JPG 或 WebP，透明图可用 PNG 或 WebP，简单动图谨慎使用 GIF。
- 压缩：在保证清晰度的前提下降低体积，尤其注意移动端首屏图片。
Alt 文本要描述内容而不是堆关键词
Alt 文本的第一作用是可访问性，第二作用才是帮助搜索引擎理解图片。好的 Alt 应描述图片实际内容，例如“图片 SEO 优化流程示意图”，而不是重复堆砌“图片优化、图片优化、图片优化”。如果图片只是装饰，也可以保持较短描述。
响应式图片与懒加载
同一张图片在桌面端和移动端需要不同尺寸，可以通过响应式图片策略减少不必要的流量。非首屏图片建议使用懒加载，避免一次性加载过多资源。但首屏关键图不要过度延迟，否则可能影响最大内容绘制和用户体验。
CDN、缓存与版权也不能忽略
图片数量较多的网站适合使用 CDN 加速，并设置合理缓存策略。商业网站还要确认图片授权来源，避免因版权问题带来法律风险。对于产品图、教程图、信息图，建议统一命名规范和素材管理规则，方便后续更新。
检查清单
- 图片是否有明确文件名
- 是否控制了展示尺寸和文件体积
- 是否设置准确 Alt 文本
- 移动端是否清晰且不撑破布局
- 非首屏图片是否懒加载
- 重要图片是否可被搜索引擎访问
