主流图片格式对比

格式压缩透明动画适用场景
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 把图片优化作为核心指标,没做好的网站会扣分影响搜索排名。

在线处理步骤

  1. 打开 图片工具箱
  2. 上传图片(支持批量)。
  3. 选择操作:压缩 / 格式转换 / 裁剪 / 查看EXIF。
  4. 设置参数(质量、尺寸、是否保留EXIF)。
  5. 处理完成后预览效果,下载结果。

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的平台(微信、微博朋友圈等)。