将GIF图像放在PNG图像上时如何避免混叠?

时间:2016-02-28 09:25:36

标签: css image png gif

我有两张照片。背景图像为png格式,顶部的第二个图像为乳胶gif格式。当我将第二张图像放在第一张图像的顶部时,会导致第一张图像模糊。

组合后图像看起来像这样(1/5实际上是这里的图像):

enter image description here

当我将第二张图像放在第一张图像的顶部时,如何避免第二张图像模糊?

1 个答案:

答案 0 :(得分:2)

它不模糊。 gif / 8位png 上的像素是100%透明或100%纯色。因此,为了让透明度更柔和,photoshop模拟1-99%alpha和半色调像素。

在一个例子中,如果你的黑色图像将出现在白色网页(哑光色)上,那么photoshop会产生灰色像素,让透明度更柔和。它在这种情况下效果很好但是当你在不同的背景上使用同一个图像时会变得很乱。

当您使用原始透明图像进入Photoshop时,请单击“为网络保存”,然后执行以下操作之一:

1 - 将其保存为 png 24位(选中透明框),无论您将背景放在哪里(深)都可以透明度,无后顾之忧。)

2 - 如果您想要较小的文件大小并选择 gif png 8位,则必须选择matte (颜色将在您网站的背景上)。结果不是完美的多色/纹理背景;无论如何,在您的样本中,遮罩是“#ca7e29”