Конвертер пікселів і DPI – перевірте 16 одиниць
100 px при 96 DPI — це 2,646 см, а при 300 DPI — 0,8467 см, бо розмір пікселя залежить від роздільності. Введіть число в поле «Перетворити з», виберіть одиниці у списках під полями й задайте роздільність у полі «Роздільність». Конвертер переводить пікселі, пікселі CSS, dp і sp з Android, сантиметри, міліметри, дюйми, пункти, піки, твіпи та EMU з файлів Office.
Піксель дорівнює 1/DPI дюйма, тому його розмір залежить від роздільності. 96 DPI — типове значення в CSS і у Windows при масштабі 100%, а для друку зазвичай ставлять 300 DPI. Роздільність можна ввести й у пікселях на сантиметр (px/cm) або в dppx із CSS.
Як перевести пікселі в сантиметри й дюйми?
Введіть число в поле «Перетворити з» і виберіть його одиницю у списку під полем, а під полем «Перетворити в» виберіть одиницю, яка вам потрібна. Результат з’являється під час введення. Це працює і в інший бік: введіть число в поле «Перетворити в», і конвертер заповнить перше поле. В обох списках ті самі 16 одиниць, розкладені за групами, а перша група, «Найуживаніші», містить пікселі, міліметри, сантиметри й дюйми.
Коли під одним із полів вибрано пікселі (px), нижче з’являється поле «Роздільність» зі значенням 96. Введіть туди DPI свого друку чи екрана, а кнопками DPI, px/cm і dppx укажіть, у якому записі ви його вводите. Після зміни запису число в полі перераховується саме, тож 300 DPI стає приблизно 118,11 px/cm, а результат залишається тим самим.
Одиницю можна дописати до числа, наприклад «12 pt», «48 dp» або «2 дюйми», і конвертер вибере її для поля. Кнопка «Копіювати результат» копіює число з поля «Перетворити в», а «Очистити все» очищає обидва поля.
Чому піксель не має сталого розміру?
Піксель — найменший елемент цифрового зображення[1], а файл зображення зберігає лише, скільки пікселів має ширина й висота. Розмір на папері чи екрані дає роздільність, тобто кількість пікселів на дюйм. Тому фото завширшки 3000 px має при друку 300 DPI 10 дюймів (25,4 см), а при 150 DPI — 20 дюймів (50,8 см).
Формула коротка: дюйми = пікселі ÷ DPI, а сантиметри = пікселі ÷ DPI × 2,54, бо дюйм дорівнює рівно 2,54 см[6]. При 300 DPI один сантиметр має 118,11 px, а один міліметр — 11,81 px.
Для друку фото Adobe вважає галузевим стандартом 300 ppi[2]. Програми називають DPI і PPI однаково — роздільністю, тож поле «Роздільність» приймає будь-яке з цих значень.
Скільки пікселів у дюймі, сантиметрі й міліметрі?
| Роздільність | Пікселів на дюйм | Пікселів на сантиметр | Пікселів на міліметр |
|---|---|---|---|
| 72 DPI | 72 | 28,346 | 2,83 |
| 96 DPI | 96 | 37,795 | 3,78 |
| 150 DPI | 150 | 59,055 | 5,91 |
| 200 DPI | 200 | 78,74 | 7,87 |
| 300 DPI | 300 | 118,11 | 11,81 |
| 600 DPI | 600 | 236,22 | 23,62 |
| 1 200 DPI | 1 200 | 472,441 | 47,24 |
Скільки пікселів мають аркуш A4, візитка і фото 10 × 15?
| Формат | 96 DPI | 150 DPI | 300 DPI |
|---|---|---|---|
| A5 (148 × 210 мм) | 559 × 794 | 874 × 1 240 | 1 748 × 2 480 |
| A4 (210 × 297 мм) | 794 × 1 123 | 1 240 × 1 754 | 2 480 × 3 508 |
| A3 (297 × 420 мм) | 1 123 × 1 587 | 1 754 × 2 480 | 3 508 × 4 961 |
| Візитка (90 × 50 мм) | 340 × 189 | 531 × 295 | 1 063 × 591 |
| Фото 10 × 15 (102 × 152 мм) | 384 × 576 | 600 × 900 | 1 200 × 1 800 |
Чим піксель CSS відрізняється від пікселя екрана?
Сайти задають розміри в пікселях CSS. Специфікація CSS дає їм сталий розмір: дюйм дорівнює 2,54 см і 96 пікселям CSS[6], тож піксель CSS завжди має близько 0,2646 мм, тобто рівно 0,75 pt. Тому він стоїть у списку конвертера окремо від звичайного пікселя: поле «Роздільність» його не змінює.
Екран з високою щільністю малює один піксель CSS кількома пікселями екрана. CSS описує це одиницею dppx, тобто точок на піксель CSS, де 1 dppx дорівнює 96 DPI[6]. Якщо ви знаєте значення dppx свого екрана, введіть його в поле «Роздільність» після натискання кнопки dppx.
Windows рахує так само: базове значення DPI дорівнює 96, масштабу 100% відповідає 96 DPI, а незалежний від пристрою піксель (DIP) має 1/96 логічного дюйма[7].
Що таке dp і sp в Android?
Android радить проєктувати застосунки в пікселях, незалежних від щільності (dp). Один dp приблизно дорівнює одному пікселю на екрані 160 DPI, а система переводить dp у пікселі за формулою px = dp × (dpi / 160)[8]. Конвертер вважає dp рівним 1/160 дюйма, тож із DPI вашого телефона в полі «Роздільність» він покаже саме таку кількість пікселів.
Розміри тексту в Android задають у масштабованих пікселях (sp). За замовчуванням sp має розмір dp, але змінюється разом із розміром тексту, який людина вибрала в налаштуваннях[8]. Конвертер рахує sp за типового розміру тексту, тобто так само, як dp.
Скільки пікселів має dp у теках mdpi, hdpi, xhdpi і xxhdpi?
| Тека ресурсів | Приблизна роздільність | 1 dp у пікселях | Іконка 48 dp |
|---|---|---|---|
| drawable-ldpi | близько 120 DPI | 0,75 px | 36 × 36 px |
| drawable-mdpi | близько 160 DPI | 1 px | 48 × 48 px |
| drawable-hdpi | близько 240 DPI | 1,5 px | 72 × 72 px |
| drawable-xhdpi | близько 320 DPI | 2 px | 96 × 96 px |
| drawable-xxhdpi | близько 480 DPI | 3 px | 144 × 144 px |
| drawable-xxxhdpi | близько 640 DPI | 4 px | 192 × 192 px |
Що таке пункти, піки, твіпи й EMU?
Пункт (pt), з яким працює конвертер, дорівнює 1/72 дюйма, тобто близько 0,3528 мм, а піка (pc) — 1/6 дюйма, або 12 пунктів[6]. У пунктах Word задає розмір шрифту, тож текст 12 pt має кегль близько 4,23 мм, або 16 px на екрані з 96 DPI.
Твіп — двадцята частина пункту, тож дюйм має 1440 твіпів. Старий формат Word (.doc) зберігає в твіпах поля й розміри сторінки: поле завширшки 1 дюйм записано у файлі як 1440 твіпів[9].
EMU (English Metric Unit) — одиниця координат у файлах Office: дюйм має 914 400 EMU, а сантиметр — 360 000 EMU[10]. Отже, міліметр — це рівно 36 000 EMU.
Які одиниці знає цей конвертер?
| Одиниця | У дюймах | У пікселях при 96 DPI | Група у списку |
|---|---|---|---|
| піксель (px) | 1/DPI дюйма | 1 | Найуживаніші |
| піксель CSS | 0,0104167 | 1 | Екрани, сайти й застосунки |
| піксель, незалежний від щільності (dp) | 0,00625 | 0,6 | Екрани, сайти й застосунки |
| масштабований піксель (sp) | 0,00625 | 0,6 | Екрани, сайти й застосунки |
| мікрометр (µm) | 0,0000393701 | 0,00377953 | Метричні (СІ) |
| міліметр (mm) | 0,0393701 | 3,77953 | Найуживаніші |
| чверть міліметра (Q) | 0,00984252 | 0,944882 | Метричні поза СІ |
| сантиметр (cm) | 0,393701 | 37,7953 | Найуживаніші |
| метр (m) | 39,3701 | 3 779,53 | Метричні (СІ) |
| дюйм (in) | 1 | 96 | Найуживаніші |
| фут (ft) | 12 | 1 152 | Англійські й американські |
| ярд (yd) | 36 | 3 456 | Англійські й американські |
| типографський пункт (pt) | 0,0138889 | 1,33333 | Типографські |
| піка (pc) | 0,166667 | 16 | Типографські |
| твіп | 0,000694444 | 0,0666667 | Одиниці файлів Office |
| одиниця EMU (EMU) | 0,00000109361 | 0,000104987 | Одиниці файлів Office |
Що можна ввести в поле «Перетворити з»?
| Що ви вводите | Одиниця під полем «Перетворити з» | Результат у полі «Перетворити в» | Як ми це читаємо |
|---|---|---|---|
| 100 | піксель (px) | 2,64583333333333 см | Число без одиниці рахується в одиниці, вибраній під полем, тут у пікселях. |
| 2,5 | піксель (px) | 0,0661458333333333 см | Кома відділяє дробову частину, тож це два з половиною пікселі. |
| 1 500 | піксель (px) | 39,6875 см | Пробіл відділяє тисячі, як в українських текстах, тож у полі тисяча п’ятсот пікселів. |
| 1,5e3 | піксель (px) | 39,6875 см | Експоненційний запис: 1,5 × 10³, тобто теж тисяча п’ятсот пікселів. |
| 12 pt | типографський пункт (pt) | 0,423333333333333 см | Одиниця після числа змінює одиницю під полем: тут на типографський пункт. Під полем з’являється рядок про цю зміну. |
| 2 дюйми | дюйм (in) | 5,08 см | Назву одиниці можна писати українською, також у формах, які стоять після числа: «2 дюйми», «5 сантиметрів». |
| 48 dp | піксель, незалежний від щільності (dp) | 0,762 см | Позначення dp і sp з Android теж змінюють одиницю під полем. |
| 300 dpi | піксель (px) | — (повідомлення під полем) | Роздільність не є розміром, тому результату немає. Під полем з’являється підказка, де ввести DPI. |
Джерела
- Піксель — Вікіпедія
- Print resolution for images in Photoshop — Adobe (англійською)
- ISO 216 — Вікіпедія
- Business card — Wikipedia (англійською)
- Photo print sizes — Wikipedia (англійською)
- CSS Values and Units Module Level 4 — W3C (англійською)
- DPI and device-independent pixels — Microsoft Learn (англійською)
- Support different pixel densities — Android Developers (англійською)
- [MS-DOC]: Example of a section — Microsoft Learn (англійською)
- [MS-OE376]: ST_Coordinate (Coordinate) — Microsoft Learn (англійською)
Усі значення в таблицях ми обчислили з визначень одиниць і перед публікацією перевірили розрахунком. Історичні дані та назви місцевих одиниць спираються на джерела, наведені вище.
Зміст востаннє перевірено: · підготувала й перевірила команда Arteon
Часті запитання про пікселі й DPI
Чи мають зображення для сайту мати 72 DPI?
Ні. Браузер показує зображення за кількістю пікселів, а роздільність, записана у файлі, не змінює його розміру на сторінці. Для сайту важить ширина зображення в пікселях, наприклад 1200 px для ілюстрації на всю ширину статті.
Чому в CSS дюйм завжди має 96 px, а у Photoshop — ні?
CSS прив’язує свої одиниці до пікселя CSS, тож 1 дюйм там завжди дорівнює 96 px[6]. Photoshop рахує в пікселях файлу, і скільки їх припадає на дюйм, залежить від роздільності, заданої в документі.
Як перевести px/cm у DPI?
Помножте значення на 2,54, бо дюйм має 2,54 см: 118,11 px/cm — це 300 DPI. У конвертері достатньо натиснути кнопку px/cm, і число в полі «Роздільність» перерахується саме.
Чи надсилає конвертер мої дані на сервер?
Ні. Усі обчислення відбуваються у вашому браузері, тож введені числа не залишають пристрою.
Допоможіть нам покращити цей конвертер
Бракує одиниці або результат відрізняється від того, що показує ваша програма? Напишіть нам і вкажіть програму та значення, які ви в ній бачите.