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

Posted 2023-02-25

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

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

答案

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

---

如果脚本不是一个选项，或者您想使用其他微调器，则必须创建一个.gif文件，且不带比其要使用的微调器更大的抗锯齿，并使用html进行缩放。

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

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9xcThBRS5naWYifQ==” width =“ 128” height =“ 128”>

但是如果此微调器按比例缩小，则看起来不错：

<< [ “ width =” 20“ height =” 20“>

请务必使用

img -ms-interpolation-mode:bicubic;

以使其在较旧的IE中看起来也很漂亮。