主流图片格式对比
| 格式 | 压缩 | 透明 | 动画 | 适用场景 |
|---|---|---|---|---|
| JPEG | 有损 | ❌ | ❌ | 照片 |
| PNG | 无损 | ✅ | ❌ | 截图、图标 |
| WebP | 两者都行 | ✅ | ✅ | 网页图片(推荐) |
| AVIF | 两者都行 | ✅ | ✅ | 新一代网页图片(更小) |
| SVG | 矢量 | ✅ | ✅ | 图标、Logo |
| GIF | 有损 | ✅(只有全透明) | ✅ | 简单动画(已过时,用WebP/AVIF替代) |
网页图片优化最佳实践
- 照片类:用 AVIF(质量80)+ WebP fallback,比JPEG小30-50%
- 截图/UI图:用 PNG 无损 或 WebP 无损模式
- 图标:用 SVG(矢量,无限放大不失真,体积极小)
- Hero大图:用 AVIF + 懒加载(lazy loading)
- 缩略图:用 WebP,宽度不超过300px
Google PageSpeed Insights 把图片优化作为核心指标,没做好的网站会扣分影响搜索排名。
在线处理步骤
- 打开 图片工具箱。
- 上传图片(支持批量)。
- 选择操作:压缩 / 格式转换 / 裁剪 / 查看EXIF。
- 设置参数(质量、尺寸、是否保留EXIF)。
- 处理完成后预览效果,下载结果。
EXIF 信息里有什么
EXIF(Exchangeable Image File Format)是嵌在JPEG/PNG/TIFF里的元数据,常见字段:
| 字段 | 内容 | 隐私风险 |
|---|---|---|
| 拍摄时间 | 年月日时分秒 | 低 |
| GPS 位置 | 经纬度(手机拍照默认记录) | 高 |
| 相机型号 | 设备品牌和型号 | 低 |
| 光圈/快门/ISO | 拍摄参数 | 低 |
| 软件 | 处理软件(如 Photoshop) | 低 |
用 图片工具箱 的 EXIF 查看功能可以读取这些信息,也可以选择「移除EXIF」再分享照片。
常见问题 FAQ
WebP 和 AVIF 哪个更好?
AVIF体积更小,但Safari 16以下不支持。目前推荐:新项目用AVIF + WebP fallback;要兼容老设备用WebP。
图片压缩后质量怎么判断?
JPEG质量80-90%时,肉眼几乎看不出和原图的区别,但体积能小50-70%。更低的压缩率(<70%)会出现明显的块状 artifacts。
EXIF 会泄露隐私吗?
会。特别是GPS信息。发照片到公开平台前建议移除EXIF,或者用会自动剥离EXIF的平台(微信、微博朋友圈等)。