在坚实色的背景的生气蓬勃的透明预紧器图象

Question

我希望在内容加载之前在我的网站上显示预加载器,但是当我选择具有透明背景的动画预加载器图像时,边缘看起来非常锯齿状.如何修改图像或有没有办法让GIF动画具有透明背景？

我正在使用preloader.net的预加载器

Answer 1

你的第一个和最简单的可能选择是使用spin.js."它动态创建旋转活动指示器,可用作AJAX加载GIF的独立于分辨率的替代品."

如果脚本不是一个选项,或者你想拥有一个不同的微调器,你必须创建一个没有抗锯齿的.gif,它比你想要使用的微调器大,并用html缩小它.

原始微调器消除锯齿(非白色背景上的丑陋边缘):

没有边缘的原始微调器(没有抗锯齿,因此它具有像素化边缘):

但如果这个微调器缩小,它看起来不错:

一定要用

img {
    -ms-interpolation-mode:bicubic;
}

使其在旧版IE中看起来也很漂亮.