Калькулятор CSS-пикселей в пиксели устройства
Умножьте каждый CSS-размер на коэффициент пикселей устройства. Области 800 × 600 CSS-пикселей при коэффициенте 2 нужны 1,600 × 1,200 пикселей устройства.
Формула и метод
Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).Пример расчёта
| Исходные данные | Значение |
|---|---|
| Ширина CSS | 800 CSS px |
| Высота CSS | 600 CSS px |
| Коэффициент пикселей устройства | 2 × |
| Результат | Значение |
|---|---|
| Ширина буфера с округлением вверх | 1 600 px |
| Высота буфера с округлением вверх | 1 200 px |
| Всего пикселей буфера | 1 920 000 |
Сравнение сценариев
Меняется первое значение, а остальные данные примера остаются прежними. Это расчётные сценарии, а не прогнозы.
| Сравнение сценариев | Ширина CSS CSS px | Ширина буфера с округлением вверх | Высота буфера с округлением вверх | Всего пикселей буфера |
|---|---|---|---|---|
| −20% | 640 | 1 280 px | 1 200 px | 1 536 000 |
| Пример | 800 | 1 600 px | 1 200 px | 1 920 000 |
| +20% | 960 | 1 920 px | 1 200 px | 2 304 000 |
Допущения и ограничения
Размеры округляются вверх до целых пикселей буфера. Коэффициент вводится вручную, экран не проверяется. Браузер, масштаб и способ вывода изображения влияют на отображение.
Результаты на экране округлены. Для расчётов используются неокруглённые числа JavaScript; возможны небольшие погрешности вычислений с плавающей точкой.
Работает в браузере
Инструмент работает в изолированной среде с заблокированным сетевым доступом. ClearByte и рекламные скрипты не могут читать введённые внутри неё значения. Расширения браузера и взломанное устройство находятся за пределами этой защиты.
Источники и определения
Метод проверен:
Продолжить разбор
Перейти к похожей задаче
Калькулятор памяти несжатого изображения
Байты = ширина × высота × каналы × байты канала. Буфер 1,920 × 1,080 с четырьмя однобайтовыми каналами занимает 8,294,400 байт до накладных расходов.
Калькулятор высоты по соотношению сторон
Высота = ширина × высота пропорции / ширина пропорции. При 16:9 ширина 1,920 пикселей даёт высоту 1,080.
Калькулятор плотности пикселей экрана
Плотность = диагональ в пикселях / диагональ экрана в дюймах. Диагональ пикселей = √(ширина² + высота²).
Калькулятор процентов
Вычислите долю исходного значения и результат прибавления или вычитания этой доли. Отрицательная база допустима, если уместна по смыслу.