Photoshop:如何减少用于Web的PNG的大小 - QA Stack
文章推薦指數: 80 %
[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.
延伸文章資訊
- 1PS最強PNG,JPG圖像壓縮插件 - 每日頭條
通常在PS里導出的PNG圖像都非常大,一般都是導出後再用其他軟體進行壓縮,即浪費時間又不方便。軟體介紹:TinyPNGps插件是一款png圖片壓縮插件。
- 2如何以5種方式壓縮PNG文件 - Aiseesoft的
如何使用Photoshop壓縮PNG. 壓縮是一種減小位圖圖像文件大小的技術。 壓縮的PNG圖像可以在網頁上使用,以提高查看 ...
- 3在Photoshop 中以圖形格式儲存檔案
更多相關資訊. 關於檔案壓縮 · 摘取資產 · 將灰階或RGB 影像轉換為索引色 · TIFF · JPEG 格式 · PNG 格式 ...
- 4ps 存png压缩无/快最小/慢选什么 - 百度知道
ps 存png压缩无/快最小/慢选什么 · 2、然后打开png格式的图片。 3、接着先选定图片,然后鼠标点击如图所示的图像选项,选择图像大小。 · 4、将分辨率更改 ...
- 5壓縮PNG – 2 種有效的方法來減少PNG 文件大小而不損失質量