仅作为背景可见的不可见的PNG图像层


48

我最近遇到了一个非常奇怪的图像,具有奇怪的属性。图片为PNG格式,仅显示具有透明背景的简单鸟。我的朋友给我发送了带有简单说明的图片,只是为了保存它并将其设置为我的背景。

仅有海鸥的原始图像

将图片设置为背景后,第二张图片似乎表明实际上海鸥正站在武器上:

带秘密层的背景图片?

起初,这使我对图像的性质以及如何制作此类图像感到非常好奇。我已经在Photoshop中打开了图像,但没有任何异常现象出现-图像仍与透明海鸥相同,没有隐藏的图层或蒙版使其不可见。在Photoshop中检查图像后,我以为Windows会将文件设置为我的桌面背景时对其进行了更改-导航至%AppData%\Microsoft\Windows\Themes该图像后看起来是相同的。

与在Photoshop中查看或编辑相比,当设置为Windows桌面背景时,为什么此图像显示单独的隐藏层或完全独立的图像?


6
使用XnView打开它,单击“删除Alpha通道”,您将看到完整图像。Windows 7的背景转换为JPEG,失去透明度answers.microsoft.com/en-us/windows/forum/windows_7-desktop/...
leonbloy

Answers:


59

我猜这就是Smashing Magazine这篇文章中所谓的“脏透明度” 。

基本上,透明PNG中的任何颜色都可以通过RGBA值来描述,其中RGB代表红色,绿色和蓝色通道,而A代表Alpha。“不可见”颜色可以具有任何RGB值+ 0 Alpha,这意味着该颜色将保留原始信息,但由于其Alpha设置为0,因此呈现为透明。

使用Alpha时,为什么要存储RGB值?因此,您可以获得平滑的边缘和透明的颜色,这与透明背景GIF中的锯齿状边缘不同。PNG的透明度可以从0到255,在GIF中是100%透明或不透明。要以50%的透明度渲染某些内容,您仍然需要知道RGB值,因此将值存储起来。大多数图像编辑器软件在保存完全透明的颜色(包括Photoshop)时会丢弃RGB信息。

我不能说CC版本,但是要查看旧版Photoshop中的“不可见”颜色,您需要一个插件。选择一个:PhotofreebiesSuperPNG。SuperPNG似乎是更新的,而且不太混乱。

为什么该技巧有效?壁纸必须是不透明的,因为它们后面没有东西可以显示出来,对吗?我的猜测是Windows会丢弃Alpha通道信息,从而在此过程中显示隐藏的RGB值。


6
我只是通过删除透明层蒙版(alpha通道)尝试了您所说的话,这对我来说从未发生过-通过这样做,我能够复制这种效果。我认为这是一种非常酷的制作背景的方式,我认为我将很快探索其拖钓能力:D
卡勒姆(Callum),2017年

15
我会说这是Windows中的错误。如果像素的alpha值为0,则该像素是透明的,并且RGB值应该无关紧要。Windows应该渲染包含透明性的图像,例如其他背景。
Paul

5
@保罗。同意,除非它是为桌面定义的背景色,如果图像没有拉伸或平铺并且太小而无法填充桌面,则使用相同的颜色。隐喻是墙纸位于纯色表面或墙壁的顶部。
2015年

3
如果需要Adobe Photoshop来实现此目的,我会感到非常惊讶-我希望它提供类似于GIMP的控件,例如,通过曲线或级别工具调整alpha值(这只是众多方式中的两种)使透明部分可见)。
Michael Schumacher

2
@MichaelSchumacher您会为某些区域中缺少Photoshop感到惊讶。公平地说,我不知道当前的CC版本是否已经支持它。我决定坚持使用永久许可的PS,因此我的版本现在已经过时了。
Rhaenys

13

要补充Nihal的答案,可以使用GIMP中的“抗擦除”笔刷来重现。如果图像使用的支持格式,则“擦除”笔刷可以添加或删除Alpha通道(按住Alt键可在擦除和反擦除之间切换)。

对于Krita,您可以执行以下操作: Layer > Split Alpha > Alpha into Mask。之后,您可以隐藏或删除刚刚创建的透明蒙版1通道,您将看到完整图像。

由于Windows背景后面没有任何内容,它可能只是剥去透明层并显示没有它的图像(从外观上迅速而脏的32位图像变为24位)。


3

需要澄清的一点是:这不是错误,它是png规范中指定的行为。规范特别指出,如果查看者或转换器无法理解透明度或透明度不适用于上下文或使用Alpha通道,则可能会被忽略。此外,该规范还要求所有图像生成器设置透明颜色,以便在忽略Alpha通道时使用该图像。(我的意思是,自阅读规范以来已经有两年了。)


1
您可以尝试从规范中找到相关段落吗?因为我在w3.org/TR/PNG中找不到这个。谢谢!
MarnixKlooster恢复状态莫妮卡
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.