为现有的PNG添加透明度


63

我想在网站上使用此图片。

在此处输入图片说明

我需要做的是将背景从黑色更改为透明,因此我可以使用网站上的箭头维护页面背景。

我使用Gimp将图像转换为.png,但是现在如何进行?


2
对于任何寻求Photoshop解决方案以将黑色或白色背景转换为透明的人,请参见此主题
约翰

Answers:


70

如果您知道如何使用 GIMP的Color to Alpha工具,它将非常方便,并且此任务似乎特别适合:

  1. 在GIMP中打开图像,如有必要,将其更改为RGB颜色模式。
  2. 选择图层→透明度→颜色为Alpha ...
  3. 选择黑色(#000000)作为透明颜色。
  4. 点击“确定”。
  5. 将生成的图像保存为PNG格式:
    图像透明

2
太棒了-那只是我需要的答案!只需抬头-如果“将颜色转换为alpha”选项显示为灰色,则表示您的图像处于索引颜色模式。要纠正,请转到图像->模式-> RGB。干杯!

@Heather:感谢您发现这一点,我在答案中添加了关于它的注释。实际上,无论如何,转换成RGB通常是您要在GIMP中建立索引图像的第一件事,除非您希望将编辑限制在现有调色板中。
Ilmari Karonen 2012年

如何在Paint.NET图形编辑器中执行此操作?
Boris_yo 2014年

1
@Boris_yo:看来Paint.NETUnblend插件应该和GIMP中的Color to Alpha一样。不过,我自己还没有尝试过。
Ilmari Karonen 2014年

感谢它的工作,但签名是黑色的,因为它有点亮。尝试将亮度与对比度进行对比,但效果却不大。
Boris_yo 2014年

11

您可以使用GIMP的按颜色选择工具或魔术棒工具。无论如何,只需选择所有黑色像素。然后,而不是删除选定的像素,而是应用图层蒙版:

Layer -> Mask -> Add layer mask

选择“ Selection”单选按钮,并确保选中“ Invert mask”复选框。现在,所有黑色像素都是透明的。

导出为PNG或GIF。

问题出在箭头周围的边缘,您可能会有一些黑色像素形成遮罩。我在GIMP中不知道,但是Photoshop有一个不错的功能,可以删除以前的遮罩和/或添加您选择的遮罩。


4

我不使用gimp,但是此图像是一种简单的情况,在此情况下应该很容易获得良好的透明度。

如果选择整个图像,然后使用该图像(或更确切地说是灰度版本)作为Alpha通道,那么您已经完成了很多工作。

根据您的软件导出功能,您可以选择Alpha作为PNG透明度,也可以使用Alpha通道作为选择蒙版并删除选择(错误)或使用Slection作为图层蒙版(无损),然后出口。


4

这是我最近用于此的一种有用的GIMP技术-可能类似于“ Color To Alpha”(即使我处于RGB模式,Color To Alpha对我来说也是灰色的),但是这种方法为我提供了一些有用的自定义方式,以实现“柔和我想让边缘露出来(与魔术棒技术相反,魔术棒技术在图像周围留下细的黑色边框,而不是使边缘部分透明)。

简而言之,我将原始图像的灰度版本复制到其“图层蒙版/ Alpha通道”中,然后使用“ Alpha通道”上的“曲线”使大部分图像不透明,同时调整边缘的透明度。非常好的效果和非常可定制的。

这是分步执行的操作:

  • 从带有原始图像的图层开始,该图像称为“图像”
  • 将“图像”层复制到称为“图像alpha”的新层(使用“层”对话框中的“复制层”按钮)
  • Colors > Desaturate... > Lightness 在“图像Alpha”层上
  • 右键单击“图像”层,然后Add Alpha(如果尚未完成)
  • 复制所有“图像alpha”(在“图像alpha”层中,Select AllCopy
  • Paste 将其粘贴到“图像”的Alpha通道上(单击“图像”层的右缩略图,然后将其粘贴)

    • 前面的步骤可能与单个命令“ Color to Alpha”相同
  • 可选:右键单击“图像”,然后Show Layer Mask(应显示粘贴的内容)。如果您省略此设置,则可以在下一步中看到透明度的实时变化。

  • Color > Curves
  • 在“曲线”对话框中,使曲线沿顶部平坦,然后迅速向左倾斜,从而使大多数明亮像素变成完全白色(即,图像在那里不透明)。
  • 取消选中Show Layer Mask以查看透明度。

    移动“曲线”饱和点(位于曲线的顶部)及其下降的速度,可以调整图像的多少边缘是透明的以及多少。


1
您好Demis,欢迎来到GDSE,并感谢您的答复!为了使您的使用方法更清晰易懂,我建议您使用“项目符号列表”或“编号列表”选项。再次感谢,并喜欢这个网站!
文森特

2

您可以使用Adobe Photoshop。转到选择 -> 颜色范围。按住Shift的同时,单击您要删除的颜色(您的情况下为黑色)。按确定。然后您所有的黑色都会被选中;现在点击删除。

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.