Пиксели, пункты
и миллиметры
Переведите px в мм, pt в px, rem в пиксели. Расчёт идёт при стандартных 96 точках на дюйм — это значение закреплено спецификацией CSS и не зависит от того, какой у вас монитор. Для печати понадобится другой пересчёт.
пиксель CSS (96 dpi) → миллиметр
| px | 16 | |
| em | 1 | |
| rem | 1 | |
| pt | 12 | |
| пайка | 1 | |
| мм | 4,233333 | |
| см | 0,4233333 | |
| дюйм | 0,1666667 |
- Умножаем на коэффициент единицы — сколько мм в одном значении «пиксель CSS (96 dpi)»16 × 0,2645833333 = 4,233333 мм
- Целевая единица и есть базовая — результат уже получен4,233333 мм
- Эти два шага можно свести в один коэффициент и дальше считать в уме1 px = 0,2645833 мм
Почему пиксель имеет физический размер
Кажется странным: пиксель — это точка экрана, а точки бывают разными. Но в вёрстке речь идёт не о физической точке, а о CSS-пикселе — условной единице, приравненной спецификацией к одной девяносто шестой дюйма. Отсюда и фиксированное значение: 1 px = 0,2646 мм.
Благодаря этому шрифт 16 px выглядит примерно одинаково на любом устройстве: на экране с высокой плотностью браузер просто рисует один CSS-пиксель двумя или тремя физическими. Пункт при этом равен одной семьдесят второй дюйма, поэтому 16 px это ровно 12 pt — соотношение четыре к трём.
- 1 дюйм — 96 px, 72 pt, 25,4 мм
- 1 px — 0,2646 мм, 0,75 pt
- 16 px — 12 pt, 4,233 мм, 1 rem
- 1 пайка — 12 pt, 16 px
- Лист A4 — 210 мм, около 794 px