[Перевод] Вывод чётких изображений на экранах с высокой плотностью пикселей

Много лет тому назад существовали мониторы с разными разрешениями, а после того, как индустрия перешагнула отметку в 1024x768, экраны, с увеличением разрешения, становились больше.
Потом появились мобильные телефоны, подходящие для работы в интернете, оснащённые полноцветными экранами. Правда, ситуация оставалась практически такой же. Экраны у них были маленькие, как и разрешения этих экранов.
Далее, в 2010 году, вышел iPhone (ёшкин кот, 11 лет назад), разрешение его экрана составляло 640x490. А в iPhone 3 имелся экран почти такого же размера, но с разрешением 320x480. Разрешение выросло вдвое, а физический размер экрана остался примерно таким же, как раньше. В результате вдвое выросла плотность пикселей экрана.
[]( https://habr.com/ru/company/ruvds/blog/566100/ )
Нельзя было, без изменений, запускать старые приложения на новых экранах, так как нечто вроде текстов и кнопок выглядело бы слишком маленьким. Поэтому компания Apple удвоила размеры всех экранных элементов. 1 логический пиксель превратился в 2 физических пикселя.
В веб-разработке соотношение логических и физических пикселей известно как DPR (Device Pixel Ratio). DPR iPhone 4 равняется 2 (иногда такие экраны называют «2x-экранами» или «2dppx-экранами»).
Теперь, немного коснувшись истории, перейдём к более современным вещам.
[Читать дальше ->]( https://habr.com/ru/post/566100/?utm_source=habrahabr&utm_medium=rss&utm_campaign=566100#habracut ) https://habr.com/ru/post/566100/?utm_source=habrahabr&utm_medium=rss&utm_campaign=566100