如何压缩与缩放图片：实用指南
2026-09-03
一部现代手机拍的一张照片可能就有好几 MB，而三四张这样的图轻松让网页加载好几秒。图片尺寸是 Web 上最常见的性能问题，也是最容易修的一个。
这篇指南解释「图片大小」到底指什么、无损与有损压缩之间的取舍，以及如何直接在浏览器里压缩或缩放图片。
文件大小 vs. 尺寸
人们说「图片大小」常指两个不同的东西：
- 文件大小（以 KB 或 MB 计）——文件占多少空间，以及下载要多久。
- 尺寸（宽 × 高，像素）——图片在像素层面有多大。
两者相关但不等同。一张 4000×3000 的相片尺寸很大，但如果它是简单的渐变，可能被压缩成很小的文件。反过来，尺寸小也可能因为高分辨率而文件大。当有人说「压缩这张图」时，通常指减小文件大小，而这正是 Web 性能的目标。
无损 vs. 有损：差别能买到什么
压缩分两种：
- 无损在缩小时不丢弃任何数据。查看时它与原图逐像素一致。节省有限。
- 有损丢弃一些人眼难以察觉的细节，换来小得多的文件。反复压缩一张有损图片会使其劣化——所以始终保留原始版。
对多数场景，一个调校到合理水平的有损格式是正确选择——这正是相片和多数 Web 图片所需的。无损适合截图、Logo 和边缘锐利、伪影明显的图形。
缩放 vs. 压缩
缩放和压缩解决不同问题。缩放改变尺寸，会减小文件大小，但也改变图片外观。如果一张图以 800 像素宽显示，实际却是 4000 像素宽，那多出来的 3200 像素是浪费——它们被下载了，却没人看到。
压缩在不一定改变尺寸的情况下减小文件大小。目标是保留质量、减轻重量。
通常你两者都要：先缩放到实际显示尺寸，再压缩成高效的格式。
如何在浏览器里做对
处理 Web 图片最实用的方法：
- 缩放到显示尺寸。 如果图片只在 800px 宽处显示，就输出 800px 宽版本，而不是 4000px 的。没有任何损失，因为浏览器本来就展示不了更多。
- 压缩成 Web 友好格式。 WebP 等现代格式比同质量 JPEG 压缩得更好，而且所有当前浏览器都支持——更全面的取舍见图片格式指南。
- 别过度压缩。 到某个点会出现可见伪影。停在看起来足够干净的质量档位即可。
所有操作都能直接在浏览器里完成，既方便又私密——你的图片永远不必上传到服务器。
快速参考
- 「图片大小」指两件事：文件大小（KB/MB，下载时长）与尺寸（像素）。压缩针对的是文件大小。
- 无损保留每个像素（截图、Logo）；有损丢掉不易察觉的细节，换来小得多的文件（照片、多数 Web 图）。
- 反复压缩有损图片会逐渐劣化——永远保留原图。
- 先缩放到实际显示尺寸，再压缩成高效格式，并在出现可见伪影之前停下来。
- 全程可在浏览器里完成——私密又快速，什么都不上传。
开始使用
如果你有一张拖慢网站或邮件的大图，图片压缩在浏览器里通过缩放和重新编码来缩小它。如果你想裁剪边缘，图片裁剪按精确区域裁切。如果想转换格式——比如 PNG 转 JPEG，或转成更小的 WebP——图片格式转换可以做。