Есть шапка сайта. На нем логотип. При прокрутке страницы вниз, шапка сжимается, а вместе с ним сжимается логотип. Короче логотип плавно уменьшается при прокрутке страницы (transition:.05s)

Проблема в том, что браузер, при изменении размера изображения, на несколько секунд ухудшает его качество, а после всех действий над ним снова возвращает прежнее качество.

Как сказать браузеру, чтобы он не сжимал изображение при его уменьшении?

1) https://yadi.sk/i/ZjjS_AlleogCS
2) https://yadi.sk/i/cWCHl4cWeogCU
3) https://yadi.sk/i/PrjYpfCkeogCY