当您将GIF图像放置在PNG图像上时如何避免混淆？

Question

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

结合时，图像看起来是这样的，（1/5实际上是这里的图像）：

如何避免模糊的第二图像时，我把第二图像之上第一个图像？

Answer 1

它没有模糊。 gif/8位png上的像素是100％透明或100％固体。因此，为了让透明度更柔和，photoshop使用半色调像素模拟1-99％alpha。

在一个例子中，如果你有一个黑色的图像将在一个白色的网页上（哑色），photoshop会产生灰色像素，让透明度更柔和。它在这种情况下效果很好，但是当您在不同的背景上使用相同的图像时，它会变得很糟糕。

当你在Photoshop中使用你原来的透明图像，点击“保存网页”，然后执行下列操作之一：

其保存为PNG 24位 （选中透明框），无论您将背景放在哪里（透明度高，无后顾之忧），它都可以。

2-如果你想有一个更小的文件大小，选择GIF或PNG 8位，你必须选择一个matte（颜色将在您的网站上的背景）。其结果不是完美的多色/纹理背景;无论如何，在你的样品中，哑光是“＃ca7e29”。