DevToolPal
UK

Одиниці CSS

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

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

Формула

px = pt ÷ 0.75

Як перевести

Щоб перевести pt у px, поділіть значення на 0,75. Наприклад, 14 pt = 18,66666667 px.

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

pt px
6 pt 8 px
8 pt 10,66666667 px
9 pt 12 px
10 pt 13,33333333 px
11 pt 14,66666667 px
12 pt 16 px
14 pt 18,66666667 px
16 pt 21,33333333 px
18 pt 24 px
24 pt 32 px
36 pt 48 px
48 pt 64 px
72 pt 96 px

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

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

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

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

1 pt = 1,333333333 px. Щоб перевести, поділіть значення на 0,75: 14 pt = 18,66666667 px.

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

1 px = 0,75 pt. Зворотна формула: pt = px × 0.75.

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

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

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

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