image - 如何使用 GIF 获得更好的透明度？

Question

是否有任何软件、插件或技术可以创建/导出具有平滑透明边缘的类似 PNG 的 GIF，至少对于子弹或按钮等较小的图像。

有时我真的必须为 IE6 使用 GIF，所以如果知道这样的工具是否存在会很棒吗？

谢谢

score 19 · Accepted Answer

不，GIF 格式不像 PNG 那样支持 alpha 通道透明度。您只能从 GIF 中的 256 种可能颜色中选择一种来透明。

如果您大致知道背景将是什么颜色，那么您可以做的最好的事情是创建具有您计划使用它的相同背景的 GIF，然后选择背景颜色为透明。平滑的边缘在特定背景下看起来很平滑，但在其他颜色下看起来很糟糕。

score 1 · Accepted Answer

由于抗锯齿，PNG 的边缘是平滑的，因此不透明度也是可变的。GIF 格式不支持这一点，所以很遗憾，没有办法做到这一点。

score 1 · Accepted Answer

是的，GIF 可以是透明的，只需使用 png 透明框架，当嵌入到 css 中时，它将具有透明背景。

background: url(../images/mundog.gif) no-repeat;

score 0 · Accepted Answer

GIF 没有像 PNG 那样的 alpha 通道，因此您无法获得平滑的透明边缘。Alpha 通道指定每个像素的透明度，例如，您可以使用半透明像素。另一方面，GIF 被限制为 8 位颜色，其中一个被指定为透明颜色。

score 0 · Accepted Answer

据我回忆（我已经有一段时间没有使用过 GIF），GIF 没有可变的透明度——一个像素要么是透明的，要么是不透明的。您可以通过与背景图像混合来模拟透明度，但这将依赖于具有静态的、已定义的背景。

score 0 · Accepted Answer

对此的现代解决方案是使用WebP而不是 GIF。
WebP 支持动画和 alpha 通道，以及无损压缩。
现在的浏览器很好地支持它。

6 回答 6