指南

如何减小 PNG 文件体积

要让 PNG 变小,先把尺寸缩小到实际需要,再压缩副本,检查重要细节。截图、标志和透明背景通常适合保留 PNG,照片则往往更适合 JPG 或 WebP。选用最终文件之前,比较实际导出的结果,尤其要看小字、平滑渐变和透明边缘是否自然清楚。

最后更新:

让 PNG 变小,也保住它的用途

  1. 先判断内容。带有清晰文字的截图、标志和图形,先保留 PNG。照片可以考虑用修图工具导出 JPG,或者在接收方接受时试 WebP。
  2. 检查像素尺寸,比实际用途所需更大时,先用修图工具缩小副本。上传之前,也可以裁掉确实不需要的区域。
  3. 把准备好的 PNG 交给 Bitinz,保持原格式压缩。先用均衡档,还想进一步减小时,再从同一份准备好的源文件试极致档并比较。保持 PNG 格式时,交付的文件不会比上传的更大。
  4. 接收方接受时,用PNG 转 WebP,并和压缩后的 PNG 比较。WebP 转换是有损的,除了文件大小,也要检查画面。
  5. 检查小字、细线和平滑渐变。把透明物体放在实际使用的背景上检查边缘,再替换原图。
图片压缩保持原格式压缩 JPG、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 × 55546 B349 B458 B
玫瑰照片,400 × 301125.4 KB26.6 KB8.0 KB

这张单色图形保留压缩 PNG 更小,照片则是 WebP 更小。除了体积,也要检查画面,尤其是文字、渐变和透明边缘。

检查变小后的文件

  • 像素尺寸满足实际用途所需。
  • 按实际显示尺寸查看时,文字和细线仍然清楚。
  • 平滑渐变里没有明显突兀的色阶。
  • 透明边缘在实际使用的背景上显示正常。
  • 接收方接受选定的格式,并支持图片需要的透明效果。
  • 比较过实际文件大小,也保留了原图。

画质与体积该怎么取舍,可以看有损和无损压缩的区别。文件没有变化或出现转换提示时,可以用压缩问题排查指南找原因。

FAQ

为什么我的 PNG 文件这么大?
尺寸过大、照片细节、噪点、渐变或较高位深,都可能增加图片数据。先检查实际像素尺寸,再把压缩后的 PNG 与适合的照片格式进行比较。
压缩 PNG 一定是无损的吗?
PNG 编码是无损的,但压缩或编辑图片可能改变可见细节。需要准确保留细节时,请保留原图,并检查导出的画面。
PNG 照片该转成 JPG 还是 WebP?
照片可以把接收方接受的 JPG 或 WebP 与压缩 PNG 进行比较。JPG 用修图工具导出;需要保留透明效果时,选 PNG 或 WebP。
透明 PNG 能压小吗?
先把尺寸缩小到实际需要,再压缩工作副本。接收方接受 WebP 时也可以比较,把图片放在实际背景上检查透明边缘。

本文用到的工具

资料来源

以上数字于 2026年10月23日 对照各平台官方页面核对。平台规则会调整,依赖某个上限之前,请先查看对应的官方页面。

  1. MDN: Window: devicePixelRatio property
  2. Apple: Crop, resize, or rotate an image in Preview on Mac
  3. Microsoft: Draw, create, and edit with Paint
  4. MDN: Image file type and format guide
  5. Google for Developers: An image format for the Web