在不损失质量的情况下减小文件大小

平面设计 adobe-photoshop 图片 画面质量 保存
2022-01-12 06:58:17

我想将文件保存在 Photoshop 中,但要尽可能小。

我使用 Save for Web (and Devices) 并保存为 JPEG。以下是我使用的设置:

设置

我真的不想降低质量设置,因为我使用文本,如果设置太低,有时我会看到伪影。

根据图像的大小,这会产生数百千字节的文件大小。虽然这不是一个大问题,但这些图像用于网络并且越小越好。有哪些技术可以在不降低质量的情况下减小文件大小?

更新:

要在此处添加更多信息:

我使用和创建的许多图像都是通过电子邮件发送的。这在一定程度上限制了我在图像上使用 HTML 和 CSS 放置文本的能力。

我也使用各种字体。有些我可以使用 CSS 用于网络,@font-face但您可能会遇到较大的文件大小,并且在某些情况下您无法合法地将字体上传到网络。我可以使用像Typekit这样的服务,但我使用的许多字体在 Typekit 中不可用。

这是一个示例图像:

示例图像

4个回答

最佳压缩方法的选择取决于您的图像内容。如果您要保存具有大量颜色和它们之间平滑过渡的图像,您的选择宁愿是 JPEG。否则,如果您有一些带有几种颜色的线稿、文本、图像,您应该尝试使用 PNG。

具体压缩方案、参数、色彩还原等视具体情况而定。有些图像可以通过设置为 30 或 40 的 JPEG 压缩“滑块”安全地保存,而不会出现明显的伪影。其他一些需要设置 80 或更多。你的眼睛应该是法官。

当我们谈到 JPEG 压缩时,不要犹豫,尝试使用例如“渐进式”选项或将“模糊”设置为非零值(细微的模糊可以掩盖严重的压缩伪影)。

在 PNG 的情况下,您应该尽量减少使用颜色的数量(为此使用 PNG-8)。当需要一些“平滑”时,请尝试不同的抖动算法。

这里有几个例子:

JPEG,渐进式,质量:40,模糊:0.18 JPEG,优化,质量:60,模糊:0 JPEG,渐进式,质量:60,模糊:0 PNG-8,抖动:漫反射,256 色

从左到右,从上到下,它们的参数是:

  1. JPEG,渐进式,质量:40,模糊:0.18,大小:9 672 字节
  2. JPEG,优化,质量:60,模糊:0,大小:16 898 字节
  3. JPEG,渐进式,质量:60,模糊:0,大小:11 104 字节
  4. PNG-8,抖动:漫反射,颜色:256,大小:4 528 字节

直观地比较它们,然后仔细查看它们各自的数据大小。第一对约为 9.7 kB 与 16.9 kB。其次是 11.1 kB 与 4.5 kB。所有这些都是(恕我直言)微不足道的视觉差异。

以下是一些选项:

  • 使用 JPEG 以外的其他格式(PNG 或 GIF);文件大小和图像质量方面的结果将取决于图像的内容;每个人都擅长某些类型的内容
  • 使图像在像素方面更小 - 这将产生非常显着的效果,如果您可以控制整体布局,绝对应该考虑
  • 尽可能使用非图像元素,例如尝试用 HTML 文本替换图像中的文本;尝试用 HTML 元素替换色块。

扩展最后两点,您应该在花时间减少现有图像的文件大小之前,尽量减少整个布局中的图像范围。

我将尝试回答一些迄今为止未回答的问题:

我使用和创建的许多图像都是通过电子邮件发送的。这在一定程度上限制了我在图像上使用 HTML 和 CSS 放置文本的能力。

您可以发送 html 电子邮件(制作时事通讯的方式)。使用 html 和内联 CSS(为了兼容性)。图片必须在服务器上,并且您必须将完整的 URL 放在样式/img-tags 中。这是在不同电子邮件客户端中起作用的列表。

我也使用各种字体。有些我可以使用 CSS 的 @font-face 用于网络,但您可能会遇到较大的文件大小,并且在某些情况下您无法合法地将字体上传到网络。

试试google webfonts,迄今为止最好的 webfont-source。全部免费使用。另一种是字体松鼠(它也使用@font-face)。

你没有办法做到这一点。JPEG 是有损格式。质量和文件大小之间总是存在权衡。