Question

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

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

Answer 1

第一个也许最简单的选择是使用spin.js。 “它动态创建旋转活动指示器，可用作AJAX加载GIF的独立于分辨率的替代品。”

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

原始微调器消除锯齿（非白色背景上的丑陋边缘）：

没有边缘的原始微调器（没有抗锯齿，因此它具有像素化边缘）：

但是如果这个微调器被缩小，它看起来很不错：

务必使用

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

使它在旧IE中看起来很漂亮。

Answer 2

您可以使用一个网站来帮助您生成微调器。一个很好的选择是： loading.io