将图片拖到此处
图片压缩
无需上传即可缩小照片或屏幕截图。压缩在您的浏览器内完成,文件永远不会离开您的设备。
您的图片能小多少?
能省多少更取决于画面内容,而不是使用哪个工具。以下是默认质量 60 时的常见范围。
| 图片类型 | 常见压缩幅度 | 原因 |
|---|---|---|
| 手机照片 (JPG) | 60 到 80% | 肉眼难以察觉的细节和传感器噪点 |
| 屏幕截图 (PNG) | 50 到 70% | 大面积单一颜色的平坦区域 |
| 标志或图标 (PNG) | 20 到 40% | 本身已经很小,且需要保留锐利边缘 |
| 扫描页面 (JPG) | 70 到 90% | 大部分是空白 |
| 同一张照片存为 WebP | 70 到 80% | 同等质量下优于 JPG,并保留透明度 |
已经压缩过一次的图片,第二次能省下的空间会少很多。重新保存 JPG 总会损失一点质量,请保留原图。
该选择哪个质量等级?
质量范围是 1 到 100,默认从 60 开始,这是最重要的一个设置。
| 设置值 | 适用场景 |
|---|---|
| 90 到 100 | 需要打印或以后再编辑的图片。接近无损,但文件依然较大。 |
| 70 到 85 | 网站或作品集用的照片。在屏幕上很难与原图区分。 |
| 50 到 70 | 邮件附件、有大小限制的上传、聊天软件。默认值就在这一区间。 |
| 低于 40 | 只有在严格的大小限制别无选择时使用。边缘和渐变会开始出现色块。 |
带透明度的 PNG 和 WebP 会保留透明度,压缩也绝不会改变文件的格式。
WebP 是什么,何时值得用
WebP 是谷歌在 2010 年发布的图片格式,用来同时替代 JPG 和 PNG。它像 JPG 一样支持有损压缩,像 PNG 一样支持无损压缩和透明度,也像 GIF 一样支持动画,全部集中在一种格式里。目前所有主流浏览器都能显示它。
文件为什么会更小
- 它根据周围已解码的像素块预测当前块,只存储差值,因此平滑区域几乎不占空间。
- 它保留 alpha 通道,而不必退回到体积大得多的 PNG 编码。
- 用本工具实测,质量 75 的照片比同一张 JPG 小约 74%,屏幕截图小约 79%。
WebP 适合用在哪里
| 使用场景 | 带来的好处 |
|---|---|
| 网站上的图片 | 页面更轻则加载更快,这是最有可能提升 Core Web Vitals 分数的改动。 |
| 商品图与相册页 | 一个页面上有几十张图,节省的体积会在整个相册中累积。 |
| 带透明度的标志和图标 | 保留 PNG 所需的 alpha 通道,体积却只有一小部分。 |
| 文档里的屏幕截图 | 大面积单色区域正是该格式最擅长处理的内容。 |
什么时候仍该用 JPG 或 PNG
- 任何要交给别人、用较旧软件打开的文件。照片冲印、部分桌面编辑器和旧手机仍然只认 JPG。
- 打算反复编辑的照片。无论哪种格式,每次有损保存都会损失一点质量,请保留原图。
压缩在您的浏览器中完成,而 Safari 的任何版本都无法写入 WebP 文件。在 Safari 上,WebP 会给出提示并被拒绝,而不是悄悄存成错误的格式。Chrome、Edge 和 Firefox 均可正常使用。
压缩到精确的文件大小
如果上传表单限制了具体的千字节数,请打开高级设置使用 Max Size,而不是靠质量滑块反复试。Max Size 以兆字节为单位,所以 0.05 大约是 50 KB,0.1 大约是 100 KB。最小可设为 0.01,约 10 KB。
如果表单同时限制尺寸,请一并设置 Max Width 和 Max Height。一张宽 4000 像素的照片,若同时缩到 1000 像素,达到较小的目标体积时画质损失会温和得多。
常见问题
压缩会降低图片质量吗?
会降低一点,因为这里采用的是有损压缩。在默认设置下,大多数人在屏幕上看不出差别。高于 90 时损失非常难以察觉,低于 40 时就会很明显。
我的照片会被上传到服务器吗?
不会。压缩在您的浏览器中使用您自己的处理器完成。图片不会被发送到任何地方,因此页面加载之后即使断网也能继续使用。
可以压缩哪些格式?
JPG、PNG 和 WebP。由于 Safari 无法写入 WebP 文件,压缩 WebP 需要使用 Chrome、Edge 或 Firefox。其他格式,包括 HEIC 和 GIF,目前会被跳过。
手机上能用吗?
可以。像给消息添加附件那样选择图片即可。由于处理在设备上进行,数量很多时手机会慢一些。
压缩和调整尺寸有什么区别?
压缩保持像素数量不变,只是存储得不那么精确。调整尺寸会删除像素,从而改变图片看起来的大小。Max Width 和 Max Height 做的是后者,两者可以配合使用。