压缩图片，让网页加载更快
适用场景
当页面性能是首要目标时，先设定质量，再比较输出并在发布前复核。
要使用的工具
在保持画质的前提下缩小文件体积。
打开 图片压缩 →步骤
- 1上传图片并从约80%质量开始。
- 2大多数网页场景优先使用WebP。
- 3对比原图与结果并逐步降低质量。
- 4将文件控制在大小预算内。
- 5替换后再次测速。
示例
- 首屏横幅：JPG 2.8MB -> WebP 320KB。
- 博客缩略图：PNG 680KB -> WebP 140KB。
应避免
- 压缩过度导致明显伪影。
- 照片场景仍使用PNG。
- 导出后不做性能验证。
相关工具
博客
图片工具 中的更多内容
比较替代方案
Fluranto vs tinypng常见问题
必须一直用WebP吗？
大多数情况下是。只有在兼容或透明度限制下再选JPG/PNG。
压缩会改变像素尺寸吗？
不会，主要改变文件大小；像素尺寸需单独调整。