無論圖片文件類型如何，標頭徽標在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;