Для преобразования физических размеров в пиксели в веб-дизайне используют, например, такие методы:
Использование множителей. ux.pub При конвертации дизайна в разных разрешениях используют множители, которые позволяют не учитывать детальные спецификации устройства. ux.pub Например, если нужно сделать исходники совместимыми с разрешением 4G, то размер исходников умножают на 2. ux.pub
HTML и CSS-масштабирование. habr.com С помощью этих инструментов можно подготовить графику для разных экранов, в том числе с увеличенной плотностью пикселей. habr.com Например, чтобы показать фотографию 200x300 пикселей на экране с повышенной плотностью пикселей, нужно загрузить фото размером 400x600 пикселей и уменьшить его. habr.com
Использование аппаратно-независимых пикселей (dp). gutdesign.ru Если размер интерфейса задавать в таких пикселях, то он будет иметь одинаковый или близкий размер на различных устройствах вне зависимости от физического разрешения матриц. gutdesign.ru У каждого экрана есть пиксельное отношение (pixel ratio) — количество физических пикселей по ширине (или высоте), помещающихся в одном виртуальном. gutdesign.ru Чтобы узнать размер экрана в dp, нужно размер в физических пикселях разделить на пиксельное отношение. gutdesign.ru
Примеры полезных ответов Поиска с Алисой на вопросы из разных сфер. Вопросы сгенерированы нейросетью YandexGPT для актуальных тем, которые определяются на базе обобщённых запросов к Поиску с Алисой.