如何在不损失质量的情况下压缩图片

如何在不损失质量的情况下压缩图片

作者 Lina Thorne Lina Thorne 更新于 · 发布于 照片编辑

现代照片非常大。用智能手机或专业相机拍摄的一张图片很容易就会占用几兆字节,有时甚至更多。这并不奇怪,因为如今的设备以极高分辨率拍摄照片,保留了数百万像素和大量视觉细节。

以 4000 × 3000 的图片为例。这已经是 1200 万像素,每个像素都包含颜色和明暗信息。此外,原始照片通常保存时压缩很少,这有助于保留毛发、草地、皮肤纹理和细线条等细微纹理、柔和渐变以及小细节。

很多情况下,摄影师也会处理 RAW 文件。与标准图片格式不同,RAW 保留了更多来自相机传感器的数据,因此在调整曝光、白平衡、阴影和动态范围时更灵活。

这些都很有利于画质,但并不适合在线发布。

大图片会拖慢网站速度、影响用户体验、降低转化率,并对 SEO 产生负面影响。社交媒体平台和即时通讯应用还会带来另一个问题:它们通常会自动压缩上传的照片,有时甚至会在过程中把照片转换成其他格式。结果可能是明显的画质损失,包括模糊、噪点、色带和细节发灰。

因此,在发布任何在线内容之前,图片优化都是必不可少的一步。目标很简单:让图片文件更小,同时尽可能保持清晰、干净和视觉上的真实感。

本文将介绍在不损失质量的情况下压缩图片时需要了解的关键点。

具体来说,你将会了解:

  • 为什么图片在压缩时会损失质量;
  • 哪种图片格式最适合保留画质;
  • 如何在没有明显压缩痕迹的情况下减小文件大小。

我们来详细看看。


为什么图片在压缩时会损失质量?

当图片文件太大时,压缩算法会尝试判断哪些视觉数据不那么重要,可以被丢弃。结果就是,细节会被简化,纹理会变平滑,细微的颜色过渡可能消失,并出现模糊、噪点、色带和像素化等可见痕迹。

图片压缩主要有两种类型:

  • 无损压缩会在不删除原始图片数据的情况下减小文件大小。也就是说,画质保持不变,但文件大小的缩减通常比较有限。
  • 有损压缩则会通过永久删除一部分图片数据来生成更小的文件。因此,压缩后的图片可能看起来不那么清晰,或者丢失细微细节。

当图片压缩得过于激进,或者一张已经压缩过的照片再次被压缩时,画质损失会更加明显。


为什么在不损失质量的情况下压缩图片时,格式很重要?

如果你想在不损失质量的情况下压缩图片,选择正确的文件格式是最重要的决定之一。每种格式使用的压缩方式不同,得到的文件大小也不同,并且最适合不同类型的图片。

对于大多数在线发布场景,选择通常会落在三种主要格式上:JPEG(JPG)、PNG 和 WebP。

JPEG(JPG)

JPEG 仍然是在线发布最实用的图片格式之一。它最大的优势是文件体积相对较小,同时还能保持不错的视觉质量。

虽然 JPEG 使用有损压缩,但如果设置得当,尤其是照片,画质下降通常非常小。

JPEG 非常适合包含自然光、复杂色彩过渡和细腻视觉细节的图片。

因此,它很适合人像、旅行照片、生活方式图片以及其他以照片为主的网页内容。

选择 JPEG,如果…

  • 你需要在体积和画质之间取得良好平衡。JPEG 可以大幅减小文件大小,同时不会明显降低视觉质量,这让高分辨率图片更容易保存、上传和分享。
  • 你希望有广泛兼容性。JPEG 几乎可以在所有设备、浏览器、平台和编辑工具中使用,是最通用的图片格式之一。
  • 加载速度很重要。较小的 JPEG 文件在网页上加载更快,从而提升用户体验和网站整体性能。此外,访客电脑解码它们也更快。

不要选择 JPEG,如果…

  • 你需要保留所有原始图像数据。JPEG 使用有损压缩,因此一部分视觉信息会在压缩过程中被永久删除,之后无法恢复。
  • 你打算多次编辑并重新保存图片。JPEG 每次重新编辑和保存时,画质都可能再下降一点,长时间后可能导致明显模糊、块状失真和其他压缩痕迹。
  • 你的图片包含文字、Logo、截图或纯色图形。JPEG 主要为照片设计,不太适合处理锐利边缘和纯色区域。因此,这类内容可能看起来柔和、模糊或略显像素化。
  • 你需要透明背景。JPEG 不支持透明,因此不适合用于抠图对象、图标、Logo 或任何需要放在透明背景上的视觉内容。
  • 你打算进行大量后期处理。与 RAW 文件相比,JPEG 记录的图像数据要少 4 到 16 倍,因此你在调整曝光、白平衡、阴影或动态范围时灵活性更低。
  • 你的图片包含需要保持干净的平滑渐变。由于 JPEG 通常使用 8 位色深,因此有时会出现明显的色带,也就是颜色过渡看起来像条纹,而不是平滑混合。

从 Photoshop 或类似编辑软件导出照片时,最好尝试不同的压缩质量。对于 JPEG,明显的压缩痕迹,尤其是在渐变和肤色中,往往会在质量低于 60% 时开始出现。大多数情况下,更小的文件大小和良好视觉质量之间的最佳平衡大约在 80–88%

如何在不损失质量的情况下压缩图片

即使不降低 JPEG 质量,把 PSD 文件或 RAW 转成 JPEG 也能大幅减小文件大小。在某些情况下,即使质量设为 100%,源文件也可能缩小到原来的 40 分之一以上。不过,最大的缩减通常出现在导出质量从 100% 降到 90% 时。

73.2 MB 的 PSD 文件在不同质量设置下导出为 JPEG 后的文件大小:

JPEG 压缩后的文件大小

PNG

PNG 是无损图片格式,这意味着它在压缩过程中会保留原始图片数据。

PNG 在图片需要多次编辑、保存或压缩且不希望画质下降时尤其有用。

选择 PNG,如果…

  • 你需要保持图片质量完全不变。PNG 在压缩时不会删除任何视觉数据。
  • 你打算多次编辑并重新保存图片。PNG 不会在反复保存中累积画质损失,因此图片不会逐渐劣化。
  • 你的图片包含文字、图表、截图或锐利边缘。PNG 特别适合需要清晰线条和像素级精度的图形。它通常是截图、界面元素和文字较多图片的最佳选择之一。
  • 你需要透明或半透明效果。PNG 支持完整的 alpha 透明,因此非常适合 Logo、界面元素和抠图后的图形。
  • 你需要广泛兼容性。PNG 被现代浏览器、设备和编辑工具广泛支持,因此适合大多数在线发布流程。

不要选择 PNG,如果…

  • 你需要照片尽可能小的文件大小。PNG 文件可能会非常大,尤其是高分辨率照片。在大多数情况下,它无法像 JPEG 那样高效压缩。
  • 你在优化大量照片的网页速度。由于 PNG 文件通常比 JPEG 或 WebP 重得多,用于大照片时会拖慢页面加载,并影响网站整体性能。
  • 你的图片是细节丰富、只有细微色调过渡的照片。PNG 对这种内容通常不是最实用的格式。虽然它会保留所有数据,但往往会生成不必要的大文件,在在线查看时并不会带来明显的视觉优势。
  • 你在准备商业印刷文件。PNG 使用 RGB 色彩模型,不支持 CMYK,因此不适合印刷工作流。

和 JPEG 一样,PNG 在导出为 100% 质量时也能显著减小原始文件。不同之处在于,PNG 进一步调整压缩设置通常只能带来很小的体积减少。

73.2 MB 的 PSD 文件在不同质量设置下导出为 JPEG 和 PNG 后的文件大小:

JPEG 和 PNG 压缩后的文件大小

WebP

WebP 是 Google 在 2010 年推出的一种图片格式,作为 JPEG 和 PNG 的现代替代方案。它结合了这两种旧格式的多个优点:像 PNG 一样,它支持无损压缩和 alpha 透明;像 JPEG 一样,它也支持有损压缩。与此同时,在相近视觉质量下,WebP 文件通常比 JPEG 和 PNG 图片小得多。

WebP 的一大优势是更先进的压缩技术。

WebP 能在不明显降低图片质量的情况下显著减小文件大小,因此特别适合在线发布。

73.2 MB 的 PSD 文件在不同质量设置下导出为 JPEG、PNG 和 WebP 后的文件大小:

JPEG、PNG 和 WebP 压缩后的文件大小

WebP 在颜色、渐变和细节方面也表现很好,因此适合各种视觉内容,包括照片、网页图形和带文字的图片。在很多情况下,WebP 比旧格式拥有更高的压缩效率,同时还能保持较高的整体画质。

选择 WebP,如果…

  • 你需要尽可能小的文件大小,同时又不想有明显画质下降。WebP 往往能生成比 JPEG 和 PNG 更轻的文件,同时保持非常相近的视觉结果。
  • 你在为网页性能优化图片。更小的文件加载更快,从而提升用户体验、页面速度和网站整体性能,尤其是在移动设备和慢速网络下。
  • 你需要透明度和高效压缩支持。WebP 支持 alpha 透明,因此适合 Logo、覆盖层、图标和其他需要透明背景的图形。
  • 你想要一种能适应不同视觉内容的灵活格式。WebP 对照片、网页图形、插图,甚至文字较多的图片都表现良好,因此是很多在线场景的实用一体化方案。
  • 你需要动画支持。与 JPEG 和 PNG 不同,WebP 也可以支持动画图片,在某些情况下是 GIF 的实用替代方案。

不要选择 WebP,如果…

  • 你需要在所有工具和平台上都尽可能兼容。虽然现代浏览器和许多应用都广泛支持 WebP,但它在所有工作流中仍然没有 JPEG 或 PNG 那么通用。
  • 你使用的软件可能无法完全支持 WebP。在选择这种格式之前,最好确认你依赖的工具、平台或系统可以顺利打开、编辑和导出 WebP 文件。

保持质量的图片压缩实用技巧

如果你想在不损失质量的情况下压缩图片,选择正确的格式只是第一步。如果图片在转换成 JPEG 或 PNG 后仍然太大,还有几种额外的方法可以在尽量保留最高视觉质量的同时减小文件大小。

将 PNG 转换为无损 WebP

这个方法最适合原始图片本身就是 PNG 这类无损格式的情况。在这种情况下,转换为无损 WebP 可以把文件大小减半以上,而且不会有明显的画质损失。

下面是 Watermarkly 的 WebP Converter 生成的结果:

将 PNG 转换为 WebP 时减小图片文件大小

将 PNG 转换为 JPEG

如果你不打算再编辑图片、添加水印或文字,而且图片没有透明背景,那么直接把 PNG 转成 JPEG 就能显著减小文件大小,同时保持很好的视觉质量。

下面是 Watermarkly 的 Convert to JPG 工具在选择“最高质量”时的结果:

将 PNG 转换为 JPEG 时减小文件大小

下面是 Watermarkly 的 Convert to JPG 工具在选择“标准质量”时的结果:

将 PNG 转换为 JPG 时减小文件大小

按所需尺寸调整图片大小

缩小图片尺寸 是降低文件大小并让图片在网站和社交平台上正确显示的最有效方法之一。需要记住的是,每个平台都会根据图片的显示位置和方式给出自己的推荐尺寸。

例如,如果你的大部分受众都使用移动设备,那么在 800 × 600 px 已经足够的情况下,没必要让他们加载 1600 × 900 px 的图片。

如果你运营博客,那么把图片宽度调整到内容区域的最大宽度是很合理的。

如果你发布到社交媒体,最好按照各个平台针对不同帖子类型给出的推荐尺寸来调整图片。

提前调整图片尺寸可以同时解决两个重要问题。第一,它可以在不明显降低视觉质量的情况下减小文件大小。第二,它能让你上传已经接近平台目标尺寸和分辨率的图片,从而降低平台进一步强压缩的风险。

调整尺寸时减小文件大小

了解更多 - 如何在不损失质量的情况下调整图片大小

选择合适的压缩方式

如果你想在不损失质量的情况下压缩图片,应该选择允许你控制压缩设置的工具,而不是默认应用激进优化。付费软件中,像 PhotoshopLightroom 这样的应用都可以做到,你可以在 0 到 100% 的范围内调整质量。免费工具中,你可以使用 Watermarkly 的 Image Compressor,它提供多种压缩选项,包括 Better Quality

即使不同应用的具体压缩算法不同,能够自己选择设置也会让你对最终图片拥有更多控制权。实际上,这是在不引入明显视觉痕迹的情况下减少文件大小的最有效方法之一。

让压缩成为编辑的最后一步

如果你计划在发布图片到网上之前 为照片添加文字模糊人脸 或其他元素,或者调整颜色和阴影,最好都在高分辨率原始文件上完成。压缩应该只在编辑完全结束后进行。

理想情况下,所有修改都应在一个应用中完成,不要在多个工具之间反复下载、上传或重新导出。每增加一步,图片质量都可能下降,尤其是在处理 JPEG 文件时。

始终保留原始文件,并确保你的图片压缩工具不会覆盖它们。这样你就可以尝试不同的压缩方法并直观比较结果。

在不损失质量的情况下压缩图片,本质上就是在文件大小和视觉质量之间找到合适的平衡。


结论

在不出现明显画质损失的情况下减小图片文件大小,不是尽可能使用最强压缩,而是要在每一步做出正确选择:选对文件格式,把图片调整到所需尺寸,在导出前完成所有编辑,并谨慎设置压缩参数。

在大多数情况下,没有一种格式或方法适用于所有图片。JPEG 通常最适合照片,PNG 更适合图形和带透明背景的图片,而当兼容性不是关键问题时,WebP 往往是在线发布最有效的选择。

关键是找到文件大小和视觉质量之间的正确平衡。如果你保留原始文件、比较压缩版本,并针对发布平台优化每一张图片,那么在大多数真实场景中,你都可以在不损失质量的情况下压缩图片。

← 其他博客文章