Photoshop：如何减少用于Web的PNG的大小

我有一个PNG文件，大小为2042 x 1250，大小为6.1 MB。当我使用Photoshop打开并执行“另存为> PNG 24”并选择两个选项的压缩文件大小（另一个是无压缩）时，我仍然得到大约几MB的图像，这是因为将成为网络资产，我想成为知识库，而不是MB。如何智能地将此图像压缩到数千KB的范围内？

令人讨厌的细节（您没有要求）

某些图像格式（例如JPG）支持有损压缩。保存有损压缩的图像，然后将其渲染回去时，该图像并非100％完全符合您的设计，而只是“接近”它，有点像草图。一些原始细节丢失了。由于不期望准确性，因此“有损压缩”图像可以豪华地存储有关原始设计的少量信息，从而生成较小的文件。它们甚至允许您指定结果的准确度：结果所需的准确度越低，文件越小。

另一方面，根据设计，PNG格式支持无损压缩。这意味着在将图像保存到文件中之后，将其渲染回去时，所有像素都将按照您设计的像素进行完全渲染而不会丢失任何细节。这很好，但不幸的是，这意味着它必须存储大量信息才能完美呈现图像，从而导致文件很大。

PNG在将其保存到文件之前会做一些聪明的事情来优化所需的信息，但是您无法像使用JPG那样指定文件的压缩或准确度。结果是这样，您无法控制文件的大小。

一些建议

话虽如此，您可以做一些事情来尝试获取较小的文件。

• 大面积的纯色比复杂的图案区域压缩得更好。看看是否可以简化您的图像。
• 图像周围是否有很多负空间？尝试将其最小化。
• 您是否在使用透明度？如果没有，请考虑将图像另存为JPG。
• 如果您由于某种原因不能将其另存为JPG，但没有使用透明胶片，请取消选中保存选项中的“透明度”。这将使最终结果显得有些刺耳。
• 考虑将图像分割成一部分，并以最终的HTML格式进行合成，例如某种难题。您可以将需要透明度的部分另存为PNG，将其他部分另存为高度压缩的JPG。总结果应该不那么繁重。
• 使用PNG压缩工具（例如https://tinypng.com/）。请注意，这些工具使用有损算法。他们试图简化您的图像，以便能够将其保存为较小的文件。它们确实可以极大地减小文件的大小，但最终结果可能会丢失太多细节。您可以随时尝试使用它们并根据应用程序判断结果。

如果您分享您的图片，我可以给您一些建议。

尝试在图像上添加海报化调整层并减少颜色数量。我发现您仍然可以通过这种方法保持高质量并减小文件大小。

6.1MB的PNG距离KB范围很远，因此Cokypup的建议是最好的。

对于您可能创建的其他PNG，将其保存以供Web使用的最佳方法是使用“另存为Web”而不是“另存为”将其保存在Photoshop中。Photoshop的“ Save for Web”进行了一些优化，可以大大减小文件的大小。

然后，我将针对Tiny PNG等
PNG使用压缩工具进行跟踪，Tiny PNG使用有损压缩，就像保存JPG时一样。它极大地减小了文件大小，并且通过站点上的示例可以看出，它执行的有损压缩几乎没有引起注意。

也许不用说，但是许多人忘记了将网络资产的分辨率设置为72像素/英寸。

图像>图像尺寸>将分辨率设置为72 ppi。