Header-Logo ist sehr pixelig in Firefox, aber völlig in Ordnung in Chrome/Safari, unabhängig von Bild-Dateityp

Question

Ein Problem mit dem Header-Logo auf einer Wordpress-Website. Das Logo erscheint in Firefox unglaublich pixelig, aber es ist flüssig und erscheint wie erwartet auf Google Chrome und Safari. Selbst nach dem Versuch, .png, .svg und sogar .jpg, erscheint das Logo im Firefox-Browser immer noch sehr pixelig. Auch nach dem Herunterskalieren der Bildauflösung erscheint sie immer noch pixelig.

CSS-Attribute wie Bild-Rendering haben keine Auswirkungen auf das Bild. Irgendein Grund, warum das sein würde, oder irgendwelche möglichen Korrekturen dafür?

Comparison Photo between logo in FF and Chrome

Answer 1

dieses CSS für das Bild Versuchen:

image-rendering: auto;