图片的重要性
- 提升页面视觉效果
- 增强内容可读性
- 提高用户停留时间
- 促进社交分享
图片格式选择
| 格式 | 特点 | 适用场景 |
|---|---|---|
| JPG | 有损压缩，体积小 | 照片、复杂图像 |
| PNG | 无损，支持透明 | 图标、logo |
| GIF | 支持动画 | 简单动画 |
| WebP | 体积更小 | 现代浏览器 |
| SVG | 矢量，无限缩放 | 图标、图形 |
图片优化方法
- 尺寸调整：按实际显示尺寸裁剪
- 压缩处理：使用工具压缩体积
- 延迟加载：图片滚动到可见时加载
- CDN加速：使用CDN分发图片
SEO优化
- 文件名使用描述性词语
- 添加alt属性描述
- 使用title属性
推荐尺寸
- Banner：1920x600像素
- 产品图：800x800像素
- 文章配图：800x450像素
