如何选择 JPG、PNG 和 WebP 的质量设置
为每种格式和使用场景选择合适质量级别的实用指南。
试用压缩工具简介
每个图像编辑器都有质量滑块，但大多数用户要么使用默认值，要么凭感觉猜测。质量 60 和质量 85 之间的差别可能意味着文件大小减少 4 倍而几乎看不出变化——如果选错了格式，也可能导致明显的清晰度下降。
文件大小直接影响页面加载速度、存储成本和用户体验。选错质量设置要么浪费带宽，要么降低视觉质量。JPG、PNG 和 WebP 各自对质量参数的处理方式不同，因此"一律使用 80%"的规则并不适用于所有情况。
本文详细讲解每种格式的质量滑块工作原理，给出常见场景的推荐范围，并展示如何使用 ImageSizr 的压缩工具及其实时预览和计算大小功能来找到任何图像的最佳设置。
各格式的质量工作原理
JPG (JPEG)：有损压缩
JPG 的质量滑块控制 DCT（离散余弦变换）量化的力度。在 100% 时，算法保留最多细节。降低数值后，编码器会丢弃越来越多的可见数据——从细微的颜色过渡开始，在非常低的设置下会出现块状伪影。
大多数照片在视觉上无损的范围是 75-85%。低于 70% 时，你会开始注意到边缘周围的模糊和渐变区域的块状效果。JPG 压缩工具可以让你实时测试不同级别。
PNG：无损压缩
PNG 本质上是无损的。"压缩级别"影响的是编码效率（zlib deflate），而非视觉质量。在任何级别下压缩的 PNG 与源文件逐像素相同。与 JPG 相比，文件大小的变化较小——根据图像复杂度通常减少 10-30%。
当你需要像素级精确的输出或透明度时，PNG 是最佳选择。PNG 专属工作流请使用 PNG 压缩工具。关于透明度的更多信息，请阅读导出图像时保持透明度。
WebP：两全其美
WebP 同时支持有损和无损模式。在有损模式下，75-85% 的质量通常生成比同等视觉质量的 JPEG 小 25-35% 的文件。在无损模式下，WebP 文件通常比 PNG 小 10-25%。
WebP 是现代网页发布中最强的默认选择。试用 WebP 压缩工具，将结果与 JPEG 和 PNG 进行对比。
按使用场景推荐的质量范围
合适的质量设置取决于图像的使用场景。以下是经过测试的起始值：
| 使用场景 | JPG 范围 | WebP 范围 | PNG 说明 |
|---|---|---|---|
| 网页和博客 | 75-80% | 75-80% | 无损；仅用于图形 |
| 社交媒体发布 | 80-85% | 80-85% | 平台会再次压缩；起始值要高些 |
| 电商产品图片 | 85-90% | 80-85% | 无损；适合细节丰富的图形 |
| 存档/印刷级 | 95-100% | 95-100% 或无损 | 无损；文件大小次要 |
网页和博客：优先考虑快速加载。JPG 75-80% 或 WebP 75-80% 在原始文件大小的几分之一下就能产生视觉上干净的结果。
社交媒体：Instagram 和 Facebook 等平台会再次压缩上传的图片。从 80-85% 开始，可以保留足够的细节，经过二次压缩后不会出现可见的劣化。
电商产品图片：细节对购买决策很重要。使用 JPG 85-90% 或 WebP 80-85%，在保持纹理和颜色清晰的同时控制文件大小。
存档和印刷：当文件大小次于画质时，使用 PNG（无损）或 JPG 95-100%。这些设置为长期存储或印刷生产保留最多细节。
使用 ImageSizr 的压缩工具进行比较
ImageSizr 让质量决策基于数据而非猜测。以下是如何有效使用该工具：
- 上传图像——拖放、浏览、从剪贴板粘贴，或从 URL、Google Drive、Dropbox、OneDrive 导入。
- 调整质量滑块——滑块范围 0-100%，默认值 80%。移动时文件大小估算会实时更新。
- 点击计算大小——显示四个预设级别的文件大小，无需逐一下载即可比较。
- 使用前后对比分割视图——拖动分隔条逐像素比较压缩版本和原始版本。这是发现伪影的最快方法。
- 选择输出格式——使用格式下拉菜单在 Original、JPEG、PNG 或 WebP 之间切换。文件大小会自动更新。
所有处理都在浏览器中客户端完成。你的图像永远不会离开你的设备，因此可以放心地用机密产品照片、客户素材或个人图像进行测试。
关于包含先调整大小再压缩策略的完整压缩工作流，请参阅压缩图像以加速网页。
质量 80% 下的格式比较
为了直观理解这些数字，以下是用质量 80% 压缩同一张照片时三种格式的比较：
| 格式 | 典型文件大小（相对值） | 透明度 | 最适合 |
|---|---|---|---|
| JPEG 80% | 1x（基准） | 否 | 照片、复杂图像 |
| PNG（无损） | 大 3-5 倍 | 是 | 图形、截图、logo |
| WebP 80% | 0.65-0.75x | 是 | 所有网页图像（现代浏览器） |
WebP 在文件大小方面始终胜出，同时保留了透明度支持。JPEG 仍然是通用的后备方案。当你需要无损精度或无法使用 WebP 时，PNG 不可或缺。压缩前准备精确尺寸的 WebP 图像，请使用 WebP 调整大小工具。
常见错误及避免方法
即使是有经验的用户也会犯这些错误：
错误 1：重新压缩已经压缩过的 JPG。每次保存 JPEG 时，有损编码器都会引入新的伪影。这种"代际损失"会快速累积。始终从可用的最高质量源开始——最好是原始相机文件或未压缩的导出。
错误 2：对有透明度的图像使用 JPG。JPEG 不支持 alpha 通道。透明区域会被替换为纯色背景（ImageSizr 中默认为白色）。如果图像需要透明度，请改用 PNG 或 WebP 导出。
错误 3：对照片使用 PNG。PNG 的无损压缩对摄影内容会产生巨大的文件——通常是 JPEG 的 3-5 倍而没有可见的好处。PNG 应留给图形、文字和需要透明度的图像。
错误 4："以防万一"将质量设为 100%。从 90% 到 100% 的跳跃会显著增加文件大小，而几乎没有可感知的视觉改善。在测试中，大多数用户在屏幕上无法区分 90% 和 100%。节省带宽，高保真需求使用 85-90% 即可。
常见问题
如何选择合适的质量级别？
从 80% 开始，这是质量和大小的良好平衡点。使用 ImageSizr 的压缩工具的前后对比分割预览，在下载前直观比较结果。计算大小功能让你一键预览多个级别的文件大小。
压缩会改变图像的尺寸吗？
不会。压缩仅通过调整编码质量来改变文件大小。像素尺寸保持不变。如果需要更改尺寸，请先使用调整大小工具。
压缩时透明度会怎样？
如果导出为 JPEG，透明度会被替换为背景色（默认白色，或你选择的颜色）。PNG 和 WebP 会保持透明度。详细指南请阅读导出图像时保持透明度。
支持哪些图像格式？
你可以上传 PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO 和 HEIC 文件。输出格式包括 Original、JPEG、PNG、WebP 和 ICO。
找到你的最佳质量设置
合适的质量设置取决于格式和目标用途。JPG 和 WebP 在 75-85% 范围内最适合网页使用，而 PNG 则适合 logo 和截图等无损需求。使用 ImageSizr 的实时预览和计算大小功能在下载前验证你的选择。
打开压缩工具，用你自己的图像测试质量设置——处理完全在浏览器中进行，无需注册。