我从xooplate.com上取走了装载机,然后借助包含的动作将它们导出到了GIF。但是加载器周围有一些白色像素,当在深色背景上显示时,这些像素确实很烦人。在我从gif提取的框架中,您可以在这里看到它:
如何防止那些白色像素并保持透明背景?
我从xooplate.com上取走了装载机,然后借助包含的动作将它们导出到了GIF。但是加载器周围有一些白色像素,当在深色背景上显示时,这些像素确实很烦人。在我从gif提取的框架中,您可以在这里看到它:
如何防止那些白色像素并保持透明背景?
Answers:
透明度与8位gifs / png配合使用的方式是,像素要么完全透明,要么完全不透明。
在圆与圆底透明融合的圆角上,通常会有半透明的像素以平滑过渡。使用8位gif / png不能完全再现这种平滑过渡。
一种伪造方法是为所有这些半透明像素选择背景遮罩。这意味着那些不完全透明的像素将获得其颜色的计算,就好像它们位于遮罩色之上。
圆形gif中的白色像素是这样发生的,因为它们是gif用于白色背景。原始圆的半透明像素被栅格化为白色磨砂色,从而在拐角处产生几乎白色但完全不透明的像素。
如果您有一个完全透明的原始圆形,则可以采用以下方法来补救此问题:save for web & devices
选择适合您背景的哑光颜色。这样,潜在的半透明像素将与遮罩颜色合并为完全不透明的像素,并在您的网站上以相似的背景色进行查看,它将显得完全平滑。请注意,a)具有较小范围的半透明区域(以像素为单位)的图形效果最佳,并且b)这要求显示gif的背景是您为遮罩选择的一致颜色的背景。
在此图像中:
在不同背景下,请参阅此图像中以红色和白色遮罩导出的两种gif。这显示了红色遮罩如何与红色背景完美融合,还显示了如何干扰黑色背景下的白色遮罩。
如果不幸的是,您没有完整的抗锯齿Alpha的原始文件(即,您只有8位gif),则反转此遮罩栅格很麻烦-必须逐像素删除半透明像素中的遮罩颜色,然后使用更适当的设置将其重新导出。