Как рассчитывается плотность пикселей в веб-дизайне для разных разрешений экранов?

Плотность пикселей (PPI, пиксели на дюйм) рассчитывается по формуле: PPI = Количество пикселей / Размер изображения. ledsino.com

Порядок расчёта: ledsino.com

1. Найти разрешение экрана. ledsino.com Обычно оно выражается как ширина, умноженная на высоту, например, 1920×1080. ledsino.com
2. Измерить размер диагонали монитора в дюймах. ledsino.com Иногда он находится внутри спецификаций самого монитора (например, 24 дюйма). ledsino.com
3. Рассчитать PPI. ledsino.com

В веб-дизайне используют три категории плотности: doka.guide

1. Нормальная плотность пикселей (1x). doka.guide Соответствует типичным экранам, где один CSS-пиксель равен одному физическому пикселю на дюйм. doka.guide Например, у большинства настольных мониторов и ноутбуков плотность пикселей равна примерно 96 PPI или 1/96 дюйма. doka.guide
2. Высокая плотность пикселей (2x). doka.guide Используется для экранов с повышенной плотностью пикселей, таких как Retina-дисплеи. doka.guide В этом случае один CSS-пиксель равен четырём физическим пикселям (два по горизонтали и два по вертикали) на дюйм. doka.guide Плотность пикселей составляет около 192 PPI. doka.guide
3. Очень высокая плотность пикселей (3x). doka.guide Используется для некоторых мобильных устройств с экранами с высоким разрешением. doka.guide Здесь один CSS-пиксель равен девяти физическим (три по горизонтали и три по вертикали) на дюйм. doka.guide Плотность пикселей равна примерно 288 PPI. doka.guide