DevToolPal
UK

Одиниці CSS

px → pt: конвертер

Переведення величин: пікселі (px) → пункти (pt). 1 px = 0,75 pt, а 1 pt = 1,333333333 px.

Формула

pt = px × 0.75

Як перевести

Щоб перевести px у pt, помножте значення на 0,75. Наприклад, 32 px = 24 pt.

Таблиця переведення

px pt
1 px 0,75 pt
2 px 1,5 pt
4 px 3 pt
8 px 6 pt
10 px 7,5 pt
12 px 9 pt
14 px 10,5 pt
16 px 12 pt
18 px 13,5 pt
20 px 15 pt
24 px 18 pt
32 px 24 pt
48 px 36 pt
64 px 48 pt

Про ці одиниці

Браузери переводять будь-яку довжину CSS у пікселі. rem залежить від розміру шрифту кореневого елемента, em — від розміру шрифту батьківського; в основних браузерах обидва дорівнюють 16px, якщо сторінка чи користувач їх не змінили. 1pt — це 1/72 дюйма, 1px — 1/96 дюйма, отже 1pt = 1,333px. vw — 1 % ширини вʼюпорту, тому його розмір у пікселях залежить від екрана.

Часті запитання

› Як перевести px у pt?

1 px = 0,75 pt. Щоб перевести, помножте значення на 0,75: 32 px = 24 pt.

› Скільки px в 1 pt?

1 pt = 1,333333333 px. Зворотна формула: px = pt ÷ 0.75.

› Навіщо використовувати rem замість px?

Розміри в rem слідують за налаштуванням розміру шрифту в браузері користувача, що важливо для доступності, а зміна одного кореневого значення узгоджено масштабує весь макет.

› Чим rem відрізняється від em?

rem завжди бере розмір шрифту кореневого елемента (html). em бере розмір шрифту батьківського елемента, тому вкладені значення em перемножуються.