@nluparev

Как определить когда показывать картинку для ретины а когда нет?

Есть потребность определять смотрить ли сейчас юзер с ретина экрана или нет и как следствие показыват некоторые элементы (иконки/картинки) более высокого разрешения.

Как определить с ретины ли он смотрит или нет?
  • Вопрос задан
  • 158 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть
Тег picture или img + атрибут srcset:
https://developer.mozilla.org/ru/docs/Learn/HTML/M...
https://webdesign.tutsplus.com/ru/tutorials/quick-...

Update. Есть и другой подход (не через media, а через x2, x3 и так далее), если так нужна именно Retina:
https://webkit.org/demos/srcset/.
Особого смысла не вижу, т. к. сейчас все телефоны имеют retina-экраны (300 DPI) или очень близки к ней.

Update #2. Вот ещё интересная ссылка для размышления с дополнительной информацией:
https://m.habr.com/post/422531/

P. S. Если будет поддержка IE11, то лучше (проще) использовать img с фолбэком (обычный src):
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 марта 2019, в 23:45
5000 руб./за проект
23 марта 2019, в 23:33
800 руб./за проект
23 марта 2019, в 21:08
1500 руб./за проект