无论图片文件类型如何，标头徽标在Firefox中都非常像素化，但在Chrome/Safari中完全正常

Question

在wordpress网站上遇到标题徽标问题。徽标在Firefox上显得非常像素化，但非常流畅，并且按预期在Google Chrome和Safari上显示。即使在尝试.png，.svg甚至.jpg后，Firefox浏览器上的徽标仍然显示为非常像素。即使在缩小/放大图像分辨率之后，仍然出现像素化。

CSS属性（如图像渲染对图像没有影响）。任何原因为什么会这样，或者有任何可能的修复方法呢？

Comparison Photo between logo in FF and Chrome

Answer 1

试试这个CSS的图像：

image-rendering: auto;