开发者图片压缩与 WebP 转换指南
在本地压缩文档与站点图片、将 PNG/JPEG 转为 WebP,并理解质量、元数据与浏览器限制。
文档站、README 配图和博客素材常以体积较大的 PNG/JPEG 提交。你可以在本地先压一遍再部署——无需把原图上传到第三方压缩服务。
什么时候用 WebP
在相近观感下,WebP 通常比 JPEG、PNG 更省体积,适合作为 Web 分发 的默认格式(在 CDN 或静态托管支持的前提下)。
需要邮件附件或极老链路兼容时,仍可选 JPEG;需要无损边缘或透明通道时保留 PNG。
推荐本地流程
- 收集要优化的图片(文档目录、
public/、设计稿导出)。 - 打开 图片压缩 / WebP 转换器。
- 一次拖入多张,选择 WebP 或 JPEG,质量可从 0.80–0.85 试起。
- 若不需要全尺寸截图,可设 最大宽度(如
1280)。 - 点击「全部压缩」,对比前后体积,再 zip 下载。
全程在浏览器本地完成。
开发者常忽略的点
元数据 — Canvas 导出会去掉 EXIF、ICC,对 Web 素材通常没问题,但不适合摄影原片归档。
透明 PNG 转 JPEG — 透明区域会铺成背景色,请选白色或站点背景色。
PNG「压缩」 — 浏览器 PNG 导出基本无损,要明显变小请改 WebP/JPEG。
批量上限 — 超大图或过多文件在手机上可能占满内存,建议分批处理。
相关工具
需要先精确裁剪?用 图片裁剪工具。准备应用商店素材?请用 应用商店图片尺寸工具——商店尺寸与站点压缩是不同问题。