纯色背景上的动画透明预加载器图像

Question

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

我使用预加载从preloader.net

Answer 1

你的第一个和最简单的可能选择是使用spin.js。 “它动态地创建一个可以作为独立的分辨率替代AJAX加载的GIF纺纱活动的指标。”

---

如果脚本是不是一种选择，或者你想有一个不同的微调你必须创建一个.gif，而不要使用比您要使用的微调器更大的抗锯齿功能，并使用html进行缩放。

原始喷丝抗锯齿（在非白色背景难看边缘）：

原始喷丝没有边缘（无抗混叠，因此它有一个像素化边缘）：

但是，如果此微调被缩减，它看起来不错：

一定要使用

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

使它看起来也蛮老年人的IE。