Photoshop:如何减少用于Web的PNG的大小 - QA Stack

文章推薦指數: 80 %
投票人數:10人

[Solution found!] 令人讨厌的细节(您没有要求) 某些图像格式(例如JPG)支持有损压缩。

保存有损压缩的图像,然后将其渲染回去时,该图像并非100%完全符合您的设计 ... 平面设计 Tags Account 登录 注册 Photoshop:如何减少用于Web的PNG的大小 10 我有一个PNG文件,大小为2042x1250,大小为6.1MB。

当我使用Photoshop打开并执行“另存为>PNG24”并选择两个选项的压缩文件大小(另一个是无压缩)时,我仍然得到大约几MB的图像,这是因为将成为网络资产,我想成为知识库,而不是MB。

如何智能地将此图像压缩到数千KB的范围内? adobe-photoshop  website-design  compression  — 塔拉塔 source 1 请使用文件->保存为网络保存,然后从文件格式列表中选择png24(通常为JPG)。

— AndrewH 是什么使您认为文件可以根据需要进行尽可能多的压缩?您可能需要切换到JPEG并使用“较低质量”设置进行修改。

— usr25643012015年 Answers: 13 令人讨厌的细节(您没有要求) 某些图像格式(例如JPG)支持有损压缩。

保存有损压缩的图像,然后将其渲染回去时,该图像并非100%完全符合您的设计,而只是“接近”它,有点像草图。

一些原始细节丢失了。

由于不期望准确性,因此“有损压缩”图像可以豪华地存储有关原始设计的少量信息,从而生成较小的文件。

它们甚至允许您指定结果的准确度:结果所需的准确度越低,文件越小。

另一方面,根据设计,PNG格式支持无损压缩。

这意味着在将图像保存到文件中之后,将其渲染回去时,所有像素都将按照您设计的像素进行完全渲染而不会丢失任何细节。

这很好,但不幸的是,这意味着它必须存储大量信息才能完美呈现图像,从而导致文件很大。

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

结果是这样,您无法控制文件的大小。

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

大面积的纯色比复杂的图案区域压缩得更好。

看看是否可以简化您的图像。

图像周围是否有很多负空间?尝试将其最小化。

您是否在使用透明度?如果没有,请考虑将图像另存为JPG。

如果您由于某种原因不能将其另存为JPG,但没有使用透明胶片,请取消选中保存选项中的“透明度”。

这将使最终结果显得有些刺耳。

考虑将图像分割成一部分,并以最终的HTML格式进行合成,例如某种难题。

您可以将需要透明度的部分另存为PNG,将其他部分另存为高度压缩的JPG。

总结果应该不那么繁重。

使用PNG压缩工具(例如https://tinypng.com/)。

请注意,这些工具使用有损算法。

他们试图简化您的图像,以便能够将其保存为较小的文件。

它们确实可以极大地减小文件的大小,但最终结果可能会丢失太多细节。

您可以随时尝试使用它们并根据应用程序判断结果。

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

— 公鸡 source TinyPNG转换为看起来像GIF的8位PNG。

— HannesSchneidermayer @Heanz。

真正。

它转换为8位。

但这不是GIF。

它支持Alpha透明度。

以我的经验,我从未注意到完全吹制的PNG和它们产生的PNG之间的区别。

— cockypup @cokcypup对于真实的徽标,但对于人的面孔,绝对不能。

— 汉尼斯·施耐德 @Heanz我从未用过人脸,但我经常将其用于化妆品包装照片。

我看不出它们之间的区别。

不过,我对alpha的评论是正确的。

GIF格式不支持Alpha透明度。

— cockypup 2 尝试在图像上添加海报化调整层并减少颜色数量。

我发现您仍然可以通过这种方法保持高质量并减小文件大小。

— 瑞安 source 奇迹般有效! — ChristianStrang 0 6.1MB的PNG距离KB范围很远,因此Cokypup的建议是最好的。

对于您可能创建的其他PNG,将其保存以供Web使用的最佳方法是使用“另存为Web”而不是“另存为”将其保存在Photoshop中。

Photoshop的“SaveforWeb”进行了一些优化,可以大大减小文件的大小。

然后,我将针对TinyPNG等 PNG使用压缩工具进行跟踪,TinyPNG使用有损压缩,就像保存JPG时一样。

它极大地减小了文件大小,并且通过站点上的示例可以看出,它执行的有损压缩几乎没有引起注意。

— 赖氨酸 source 几乎不明显,这在很大程度上取决于您通过我发现的算法提供的图像,请谨慎使用,并且永远不要覆盖原始文件。

— PieBie 它转换为8位,在彩色图片上看起来像是GIF。

— 汉尼斯·施耐德 -1 也许不用说,但是许多人忘记了将网络资产的分辨率设置为72像素/英寸。

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

— 特里斯坦 source 这对用于Web的图像没有影响,仅以px为单位 — Luciano Byusingoursite,youacknowledgethatyouhavereadandunderstandour CookiePolicyand PrivacyPolicy. Licensedunderccby-sa3.0 withattributionrequired.



請為這篇文章評分?