PNG 怎么压缩不丢透明背景和清晰文字?
要保留透明背景,输出必须支持 alpha 通道;要保持像素完全一致,则应使用 PNG 无损优化,而不是调低颜色数量。
PNG 体积大的原因
PNG 会无损保存每个像素,适合文字、界面、图标和透明区域。照片包含大量连续色调与噪点,PNG 很难找到足够重复的数据,因此通常远大于 JPEG/WebP。相反,颜色少、边缘规整的 UI 素材很适合 PNG。
透明也不是只有“透明/不透明”两种状态。阴影、发光和抗锯齿边缘含有许多半透明值,过度减少颜色或 alpha 级别后,深色背景上容易出现白边和台阶。
无损优化与调色板量化的区别
| 方法 | 像素是否改变 | 常见收益 | 风险 |
|---|---|---|---|
| PNG 无损优化 | 不改变 | 删除冗余并改进编码 | 收益有限但最稳 |
| 调色板量化 | 会合并近似颜色 | 对图标/插画可能明显 | 色带、透明边缘变化 |
| 转有损 WebP/AVIF | 会改变 | 照片型透明图可能更小 | 工作流兼容性 |
| 转 JPEG | 会改变且丢透明 | 照片兼容 | 透明区域被填底色 |
极致压图的高质量预设对 PNG 使用无损路径;均衡、智能自动和极致压缩会启用不同强度的量化。选择哪条路径取决于素材,而不是单看文件扩展名。
一套可靠的透明 PNG 检查法
- 先保留原始 PNG,并以高质量预设输出一个无损版本。
- 把结果放在白色、黑色和品牌主色三种背景上查看。
- 放大检查圆角、阴影、细线、文字和半透明像素。
- 若无损结果仍太大,再尝试均衡量化或无损 WebP。
- 在目标应用、CMS 和旧设备上验证透明度与格式支持。
什么时候不该继续压 PNG
如果素材本质是照片,只因带一小块透明区域而保存成全尺寸 PNG,可以考虑 WebP/AVIF;如果是 Logo、线稿或简单图形,SVG 往往比位图更合适。格式选择能解决的问题,不要全压在质量滑块上。
- 必须逐像素一致:停在无损优化。
- 网页图标:优先评估 SVG,其次 PNG/无损 WebP。
- 照片 + 透明:测试 WebP/AVIF,并保留回退。
- 社交平台上传:先确认平台是否会自行去除透明或重新压缩。
参考资料
现在处理你的文件
打开图片压缩工具
文件只在当前浏览器中处理,不会作为文章示例上传到服务器。