Html 加载图标以低分辨率加载

因此，我添加了一个旋转图标，在我的站点上加载某些内容时显示，目前为止它工作正常，但看起来非常糟糕，而且看起来像低分辨率，即使图像本身看起来很好。有什么想法吗

在这里输入代码

CSS:

我试过了，但想不出为什么它看起来这么糟糕。有什么想法或解决办法吗

---

谢谢

您的GIF应用了浅亚光颜色。由于GIF最多只有256种颜色，并且没有不同程度的透明度（像素为100%透明或100%不透明），因此图像编辑器可以应用亚光颜色，该颜色转换为图像中的像素，从而帮助不透明像素的边缘“渗出”到背景中。但是，当哑光颜色为浅而背景为暗时（如示例中所示），哑光像素是明显的

您可能希望尝试使用较暗的哑光颜色重新保存GIF，或者使用CSS动画创建微调器

关于透明度的一些进一步解读：

使用CSS创建的微调器示例：

---

您的GIF应用了浅亚光颜色。由于GIF最多只有256种颜色，并且没有不同程度的透明度（像素为100%透明或100%不透明），因此图像编辑器可以应用亚光颜色，该颜色转换为图像中的像素，从而帮助不透明像素的边缘“渗出”到背景中。但是，当哑光颜色为浅而背景为暗时（如示例中所示），哑光像素是明显的

您可能希望尝试使用较暗的哑光颜色重新保存GIF，或者使用CSS动画创建微调器

关于透明度的一些进一步解读：

使用CSS创建的微调器示例：

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.se-pre-con {
    position:fixed;
    left:0;
    top:50px;
    width:100%;
    height:100%;
    z-index: 9999;
    background: url('../blue_loading.gif') center no-repeat;
}