How to remove blur from an image?

Question

PostgreSQL

Task: place the logo in the footer
Problem: in Safari, the logo is in a normal state, while in Chrome it is terribly blurry
Note: the problem may be in the photo itself, but in Safari it looks fine, the difference is from the bottom

<div class="fLogo"><img src="/img/logo.png"></div>

.fLogo img { 
    height: 65px;
    filter: none;
}

Answer 1

Make the images have the same resolution. Maybe zoom is enabled in Chrome.
You can also redraw in svg instead of png.

Answer 2

https://developer.mozilla.org/en-US/docs/Web/CSS/i...