让 PNG 变小,也保住它的用途
- 先判断内容。带有清晰文字的截图、标志和图形,先保留 PNG。照片可以考虑用修图工具导出 JPG,或者在接收方接受时试 WebP。
- 检查像素尺寸,比实际用途所需更大时,先用修图工具缩小副本。上传之前,也可以裁掉确实不需要的区域。
- 把准备好的 PNG 交给 Bitinz,保持原格式压缩。先用均衡档,还想进一步减小时,再从同一份准备好的源文件试极致档并比较。保持 PNG 格式时,交付的文件不会比上传的更大。
- 接收方接受时,用PNG 转 WebP,并和压缩后的 PNG 比较。WebP 转换是有损的,除了文件大小,也要检查画面。
- 检查小字、细线和平滑渐变。把透明物体放在实际使用的背景上检查边缘,再替换原图。
为什么 PNG 文件可能很大
- 照片细节和噪点。 树叶、头发、布料和相机噪点,会让画面里出现许多细微变化。PNG 可以准确保存这些变化,但照片格式往往能把同一张图存得更紧凑。
- 颜色多、渐变平滑。 简单标志存成 PNG 可能很小,细节丰富的插画或柔和阴影则包含更多变化。要比较实际导出的文件,不要只看文件名。
- 位深较高。 16 位 PNG 每个通道能保存的颜色信息比 8 位 PNG 更多。如果修图工具提供较低位深的导出选项,选用之前要比较颜色和渐变。
- 像素多于实际用途所需。 查看文件本身的宽和高,不要只看它显示出来有多大。原图远大于实际用途时,可以先缩小工作副本。
高像素密度的截图,实际图片像素可能比 CSS 显示尺寸更多。设备像素比为 2 时,按原生分辨率截取的图片,其宽和高都可能是 CSS 显示区域的两倍。请查看保存后文件的实际尺寸;不同截图工具和截取设置会有差异。
按图片内容选择导出方式
| 处理方式 | 适合用途 | 透明背景 | 需要比较什么 |
|---|---|---|---|
| 压缩并保留 PNG | 截图、标志和边缘清晰的图形 | 支持 | 在减小 PNG 的同时检查文字、线条和渐变 |
| 转换为 WebP | 用于兼容网站的照片或图形 | PNG 成功转换时会保留 | 有损导出;比较外观和实际体积 |
| 用修图工具导出 JPG | 接收方接受 JPG 的照片 | 不支持;先选好背景 | 照片通常较紧凑;检查边缘和细节 |
图形和照片的实测对比
这些示例于 2026-10-23 实测,两种输出都使用均衡档,并保持原像素尺寸。体积按 1 KB = 1000 字节计算后四舍五入;小图形使用精确字节数,以 B 表示。这些是我们的测试图片示例,你的文件会有不同结果。
| 示例 | 原始 PNG | 压缩后的 PNG,均衡档 | 转换后的 WebP,均衡档 |
|---|---|---|---|
| 单色图形,153 × 55 | 546 B | 349 B | 458 B |
| 玫瑰照片,400 × 301 | 125.4 KB | 26.6 KB | 8.0 KB |
这张单色图形保留压缩 PNG 更小,照片则是 WebP 更小。除了体积,也要检查画面,尤其是文字、渐变和透明边缘。
检查变小后的文件
- 像素尺寸满足实际用途所需。
- 按实际显示尺寸查看时,文字和细线仍然清楚。
- 平滑渐变里没有明显突兀的色阶。
- 透明边缘在实际使用的背景上显示正常。
- 接收方接受选定的格式,并支持图片需要的透明效果。
- 比较过实际文件大小,也保留了原图。
画质与体积该怎么取舍,可以看有损和无损压缩的区别。文件没有变化或出现转换提示时,可以用压缩问题排查指南找原因。
FAQ
- 为什么我的 PNG 文件这么大?
- 尺寸过大、照片细节、噪点、渐变或较高位深,都可能增加图片数据。先检查实际像素尺寸,再把压缩后的 PNG 与适合的照片格式进行比较。
- 压缩 PNG 一定是无损的吗?
- PNG 编码是无损的,但压缩或编辑图片可能改变可见细节。需要准确保留细节时,请保留原图,并检查导出的画面。
- PNG 照片该转成 JPG 还是 WebP?
- 照片可以把接收方接受的 JPG 或 WebP 与压缩 PNG 进行比较。JPG 用修图工具导出;需要保留透明效果时,选 PNG 或 WebP。
- 透明 PNG 能压小吗?
- 先把尺寸缩小到实际需要,再压缩工作副本。接收方接受 WebP 时也可以比较,把图片放在实际背景上检查透明边缘。
本文用到的工具
资料来源
以上数字于 2026年10月23日 对照各平台官方页面核对。平台规则会调整,依赖某个上限之前,请先查看对应的官方页面。