为什么firefox不能更好地渲染我的GIF文件？

Question

我的网站上有一些GIF文件在除FireFox之外的每个浏览器上都呈现得非常流畅。以下屏幕描述了我的意思：

示例1

这是基本上在Safari / Opera / Chrome上渲染GIF。非常流畅。

这是FF上的渲染..非常不稳定和半失真的线条。

示例2

在Opera / Safari / Chrome上渲染，再次非常流畅。

渲染FF，再一次非常不稳定。

这是一个必须使用设置调整的浏览器缺陷吗？到目前为止，我通过添加一些浏览器嗅探逻辑（我不想这样做）并放置在GIF的较小版本中来否定这一点。有什么建议吗？

更新

以下是实际的GIF ..在FF中打开此问题，请提供反馈

Answer 1

确保您的图片是100％。有时“减半像素”会导致图像渲染出现问题。

此外，某些浏览器和某些版本倾向于以不同方式显示图像。在这一点上，我不认为可以做任何事情。

希望它能帮助你！

Answer 2

浏览器可能正在调整图像大小。调整尺寸后的图像质量较差。 查找有损图像。这可能会对您有所帮助。

Answer 3

这是因为某些浏览器以不同的方式呈现/显示GIF。 尽量不要调整它们的大小，并将它们设置为100％。

Mabey试图与Firefox小组或Bugzilla联系，我不确定他们是否知道这一点。

Answer 4

浏览器可能会调整图像大小。为避免这种情况，建议您将网络浏览器的尺寸设置为100％，而不是将width设置为1024px。这可能无法解决所有问题，但至少有助于将GIF正确地适合屏幕。

Answer 5

Google Chrome版本78.0.3904.108

Firefox 71.0版（64位）

找不到最新版本的任何差异。

Answer 6

我知道，这不仅是修补程序，而且是修复程序，但是您可以添加 在您的CSS

中

.element{
   filter:blur(0.33px);
}

我在字体和某些图像上使用它来使它们看起来更平滑，不同的元素需要不同的模糊量，但是0.24和0.54px之间的任何位置通常会使字体和图像更平滑并且消除了一定程度的像素化。。但是我会建议先尝试其他答案。