Смазываются картинки в мобильных устройствах

[akxxiv]

Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.

[BrusSENS]

10 часов назад, akxxiv сказал:

Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.

Как я понимаю, на мобильных только с retina дисплеями, т.е. с iOS. Это фишка плотности пикселей retina.

Вариантов несколько для решения такой задачи. Самый простой  - использовать изображения в 2 раза больше, и использовать background-size.

Таким образом, изображение будет подстраиваться по размерам блока.

Второй вариант - это использование pixel ratio.

P.S.: Советую вместо PNG использовать SVG, по весу будет меньше, и можно изменять размеры не волнуясь за качество.