@nluparev

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

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

Как определить с ретины ли он смотрит или нет?
  • Вопрос задан
  • 114 просмотров
Решения вопроса 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):
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Pokupo.ru Новосибирск
от 70 000 руб.
Finch Москва
от 100 000 руб.
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект