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

Question

我有两张图片。背景图像为 png 格式，顶部的第二张图像为 latex gif 格式。当我将第二张图片放在第一张图片之上时，它会导致第一张图片模糊。

合并后的图片是这样的，（这里1/5实际上是一张图片）：

当我将第二张图片放在第一张图片之上时，如何避免第二张图片模糊？

Answer 1

这不是模糊。 gif/8 位 png 上的像素为 100% 透明或 100% 纯色。所以，为了让透明度更柔和，photoshop 使用半色调像素模拟 1-99% alpha。

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

当您在 Photoshop 中使用原始透明图像时，单击 "save for a web"，然后执行以下操作之一：

1-保存为png 24位（勾选透明框）无论背景在哪里都可以你会戴上它（深度透明，不用担心）。

2- 如果你想要更小的文件大小，选择 gif 或 png 8 位，您必须 select 一个 matte（您网站背景的颜色）。结果在 multi-color/textured 背景下并不完美；无论如何，在你的样本中遮罩是“#ca7e29”。