图片优化原则

图片通常是网页最大的资源，优化图片可显著提升加载速度。

优化方法

• 选择合适的格式：照片用JPEG，图标用PNG/SVG，动画用WebP/GIF
• 压缩图片：使用TinyPNG、ImageOptim等工具
• 响应式图片：srcset和sizes属性
• 懒加载：loading="lazy"属性

WebP格式

WebP是Google推出的现代图片格式，比JPEG小25-35%，比PNG小26%，支持有损和无损压缩。