透明PNG添加渐变后sparse-color致透明区域变黑的技术求助

你尝试给这张带透明背景的人脸图底部添加透明淡出渐变，但使用sparse-color命令后，原本的透明区域变成了黑色。原命令如下：

magick convert face.png -alpha set -background none -channel A -sparse-color barycentric "0,%[fx:h*0.90] white 0,%[h] none" +channel face-gradient.png

问题原因 #

直接对原图的Alpha通道执行sparse-color会完全替换原有Alpha信息，而不是保留原透明区域并叠加渐变。原图中原本透明的区域Alpha值为0，被替换后变成了渐变计算后的不透明黑色，导致出现黑块。

修正方案 #

正确思路是单独生成渐变蒙版，再与原图的Alpha通道进行复合运算，保留原有透明信息的同时添加渐变效果。推荐两种实现方式：

方式一：基于sparse-color生成蒙版并复合

magick face.png \( +clone -alpha transparent -channel A -sparse-color barycentric "0,%[fx:h*0.90] white 0,%[h] none" +channel \) -compose Multiply -composite face-gradient.png

命令拆解：

1. 加载原图face.png
2. 克隆原图并将其设为完全透明，在Alpha通道生成从图片90%高度位置到底部的白色（完全不透明）到透明的渐变，得到渐变蒙版
3. 通过Multiply复合模式将蒙版与原图Alpha通道相乘，原图原有透明区域（Alpha=0）会保留透明，底部区域则叠加渐变淡出效果

方式二：基于gradient生成渐变并复合

magick face.png \( -size %[w]x%[fx:h*0.10] gradient:none-white -rotate 180 -gravity south -extent %[w]x%[h] \) -compose Multiply -composite face-gradient.png

命令拆解：

1. 生成高度为原图10%的线性渐变（从透明到白色）
2. 旋转渐变180度，使其变为从白色到透明，再扩展至原图尺寸并底部对齐，得到渐变蒙版
3. 同样通过Multiply复合模式将蒙版与原图Alpha通道结合，实现保留原透明的底部淡出效果

内容的提问来源于stack exchange，提问作者Oliver