Теряется качество на мобильном устройстве, почему?

Question

[Nikola24]

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

Answer 1

[Сергей Горячев]

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


Из-за этого картинки становятся нечеткие.
https://habrahabr.ru/post/150071/

Решений множество.
- retina.js
- media only screen and (-webkit-min-device-pixel-ratio: 2)
- просто делать картинки х2 размера
- использовать SVG
Выбирайте любое и делайте уже современные сайты :)

Comments

[Nikola24]

Спасибо!

[Сергей Горячев]

Никита Полевой: Угу, спасибо. Но вопрос был про картинки, пусть так и остается)))

[Kovalsky]

Sergey Goryachev: ну да. Тогда удалю

Answer 2

[Дмитрий Христоев]

imulus.github.io/retinajs