Как убрать размытость у картинки?

Question

[Sanzhar Bazarbek]

Задача: разместить логотип в footer'e
Проблема: в Safari логотип в нормальном состоянии, в то время в Chrome ужасно размытое
Заметка: возможно проблема в самом фото, но в Safari выглядит нормально, разница с низу

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

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

Answer 1

[maaGames]

Сделать одинаковое разрешение у картинок. Может в Хроме масштаб включен.
Ещё можно вместо png перерисовать в svg.

Comments

[Sanzhar Bazarbek]

Масштаб действительно был, но он только кажется ухудшил ситуацию.
Одинаковое разрешение - имеешь ввиду 65px - height, 65px - width?

[maaGames]

Sanzhar Bazarbek, на картинке чёткая версия больше, чем размытая. Т.е. большую чёткую версию уменьшили на 10% и получилось мыло. Имелся в виду масштаб в настройках браузера. Вместо 100% включено 90%, например, и весь контент сжимается. Как будто 65 пиксельную картинку рисуют в размере 55 пикселей.

Answer 2

[Денис Инешин]

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