Почему логотип становится нечетким на мобильных устройствах?

Question

[Михаил Мишутка]

Добрый день. Интересует такой вопрос. Верстаю сайт на бутстрап сетке, добавил логотип, сделал адаптивную шапку, смотрю через смартфон, а логотип замыленый. Сохранял через ps для Web в png 24. На десктопах все идеально, но при просмотре с мобильного портит впечатление. Есть какие нибудь способы избежать этого?

Answer 1

[Dmitry Tallmange]

Интерполяции не избежать когда у вас одно изображение, которое необходимо гонять туда-сюда. А это процесс непростой и неочевидный. Ради логотипа можно и попотеть: отрисуйте его для 4-5 разрешений и, используя media queries, подложите разные версии в разные разрешения.

Answer 2

[Иван Татауш]

На мобильном устройстве может быть ретина дисплей. Для таких экранов нужно подставлять изображения х2 - х4 от реального размера.