Материальный дизайн — плотность пикселей

Количество пикселей, которые вписываются в дюйм, называется плотностью пикселей и зависит от платформы. В этой посте рассмотрим плотность пикселей для веба.

Расчёт плотности пикселей

Чтобы рассчитать плотность пикселей — используйте это уравнение:

Плотность экрана = ширина экрана (или высота) в пикселях / ширина экрана (или высота) в дюймах

Высокая плотность пикселей

Низкая плотность пикселей

Пиксели могут быть не зависимыми от платформы. В материальном дизайне они обозначаются как dp (дипы). 

В материальном дизайне используются пиксели, не зависящие от плотности, для предсказуемого отображения элементов на экранах с различной плотностью.

Элементы отображаются независимо от плотности пикселей.

При проектировании интерфейса для интернета используйте вместо dp — px (пиксели).