Щільність пікселів ppi на моніторі - як вибрати і що це означає?

Щільність пікселів і відстань перегляду

Максимально можлива щільність пікселів - не завжди найкраще або навіть необхідне рішення. Якщо ви шукаєте ігровий монітор, висока щільність пікселів вимагає високої роздільної здатності екрану, що, в свою чергу, вимагає більшої обчислювальної потужності і, отже, впливає на частоту кадрів.

Крім того, деякі програми погано масштабуються. Наприклад, якщо у вас 27- дюймовий монітор 4K (163 PPI), ви можете знайти 150% масштабування як ідеальне для вас, тоді як деякі програми масштабуються тільки до 100% і 200%.

Це залишить вас або занадто маленькими, або занадто великими в цьому додатку. На щастя, з тих пір, як на ринку вперше з'явилися дисплеї з високою роздільною здатністю, в більшості додатків поліпшена підтримка масштабування.

Зауважте, що на певній відстані перегляду людське око не може відрізняти пікселі один від одного. Наскільки далеко вам потрібно знаходитися від екрану, щоб не розпізнавати пікселі, залежить від щільності пікселів дисплея. Apple зареєструвала це ідеальне співвідношення відстані перегляду і щільності пікселів як «Retina».

Отже, якщо у вас 24-дюймовий монітор 1080p із щільністю пікселів приблизно 92 пікселі на дюйм, вам потрібно буде перебувати на відстані 37 дюймів (94 см) від екрану; на такій відстані ваші очі не зможуть розрізняти пікселі на моніторі.

Іншими словами, при відстані перегляду 37 дюймів (або більше) 24-дюймовий монітор 1080p - це Retina. Якщо у вас 27-дюймовий монітор з роздільною здатністю 1080p, вам необхідно перебувати на відстані 42 дюйми (107 см) від екрану і так далі.

Ви можете відвідати цей веб-сайт і розрахувати, на якій відстані певний розмір/роздільна здатність екрана стає сітківкою, або перевірити таблицю нижче, яка складається з найбільш поширених комбінацій розміру/роздільної здатності монітора і відповідної оптимальної відстані перегляду.

Розмір екрана	Роздільна здатність екрана	Щільність пікселів	Оптимальна відстань перегляду
24″	1920×1080	92 PPI	37″ (94cm)
24″	2560×1440	122 PPI	28″ (71cm)
24″	3840×2160	184 PPI	19″ (48cm)
27″	1920×1080	82 PPI	42″ (107cm)
27″	2560×1440	109 PPI	32″ (81cm)
27″	3840×2160	163 PPI	21″ (53cm)
32″	1920×1080	70 PPI	49″ (124cm)
32″	2560×1440	93 PPI	37″ (94cm)
32″	3840×2160	140 PPI	25″ (64cm)
29″ UltraWide	2560×1080	96 PPI	36″ (91cm)
34″ UltraWide	2560×1080	82 PPI	42″ (107cm)
34″ UltraWide	3440×1440	110 PPI	31″ (79cm)
38″ UltraWide	3840×1600	111 PPI	31″ (79cm)
43″	3840×2160	104 PPI	33″ (84cm)

Звичайно, якщо вам потрібна краща якість зображення, прагніть до більш високої щільності пікселів. Ми не радимо купувати монітор із щільністю пікселів нижче за ауд 90 PPI, якщо немає іншої альтернативи.

Що стосується телевізорів, то в цій статті ви можете побачити, як порівнюються дозволи 1080p і 4K з точки зору відстані перегляду і щільності пікселів.

Теоретична сторінка та розрахунки

Розглянуте поняття розшифровується як pixels per inch, тобто кількість пікселів на дюйм. Вимовляється також як пі-пі-ай.

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

Також це поняття називають одиницею вимірювання роздільної здатності. Розрахунок цієї величини проводиться за допомогою двох простих формул: де:

• dp - діагональна роздільна здатність;
• di - розмір діагоналі, дюймів;
• Wp - ширина;
• Hp - висота.

Друга формула призначена для розрахунку діагонального дозволу і заснована на використанні знаменитої теореми Піфагора.

Ріс. 1. Ширина, висота і розмір діагоналі на моніторі

Щоб показати, як використовуються всі ці формули, візьмемо для прикладу монітор з діагоналлю 20 дюймів і роздільною здатністю 1280х720 (HD).

Таким чином Wp буде рівним 1280, Hp - 720, а Di - 20. Завдяки наявності цих даних ми можемо розрахувати пі-пі-ай. Спочатку використовуємо формулу (2).

А тепер застосуємо ці дані для формули (2).

Примітка: Насправді у нас вийшло 73,4 пікс., але нецілого числа пікселів бути не може, використовуються тільки цілі значення величини.

Таким же чином можна розрахувати реальні значення кількості пікселів на дюйм в будь-якому пристрої.

Щоб зрозуміти, скільки це в сантиметрах, більш звичній величині для нашої місцевості, потрібно поділити отримане число на 2,54 (в одному дюймі саме стільки сантиметрів).

Таким чином, у нашому прикладі це 73/2,54 = 28 пікс. у сантиметрі.

Також ми можемо розрахувати величину кожного окремого пікселя з урахуванням пі-пі-ай. Щоб зробити це, потрібно 25,4 поділити кількість пікс. в дюймі.

У нашому прикладі це 73, а 25,4/73 = 0,3. Тобто розмір кожного пікселя дорівнює 0,3х0,3 мм.

Це добре чи погано?

Розберемося разом.

Чому може не включатися монітор?

Огляд моніторів з вигнутим екраном: ТОП-5 найпопулярніших

Що краще PLS або IPS? Як вибрати хороший екран - підручник

до вмісту

Т/д, PPI та зміна розмірів

Найчастіша помилка - використання одиниць DPI (dots per inch - точок на дюйм) і PPI (pixels per inch - пікселів на дюйм). Насправді ці одиниці відносяться до принтерів і сканерів відповідно. Також їх можна застосовувати в характеристиках екранів. По суті це коефіцієнти для переведення між фізичними розмірами в аналогі (в сантиметрах або дюймах) і розмірами в пікселях для цифрового зображення. Наприклад, зображення у 100 пікселів, надруковане з роздільною здатністю 100 DPI, матиме розмір 1 дюйм. Все просто і зрозуміло.

Однак, при зміні розмірів у графічних редакторах нам пропонують вказати розміри в зручних нам вимірах, в тому числі в DPI. Тут і починається плутанина.

Насправді фізичні розміри зображення (у сантиметрах, дюймах тощо) та значення DPI - це лише мета-інформація у властивостях файлу. Але редактор може використовувати ці значення як засіб визначення потрібних розмірів у пікселях.

Таким чином, для веб-розробки всі значення фізичних розмірів (DPI, сантиметри, дюйми тощо) можна сміливо ігнорувати і дивитися виключно на розміри в пікселях.

Що таке PPI?

Скорочення PPI походить від Pixel Per Inch (пікселів на дюйм) і використовується для опису щільності пікселів у всіх видах дисплеїв, включаючи камери, комп'ютери, мобільні пристрої тощо. Щільність пікселів може бути показником чіткості екрану, але при цьому необхідно враховувати інші аспекти: його фізичні розміри і відстань до очей.

Якщо ви прийдете екран ближче до очей, ви зможете розгледіти пікселі. Якщо пристрій знаходиться на великій відстані від вас, висока щільність пікселів не буде особливо відчуватися. Таким чином, чим більше дисплей, тим менше значення PPI.

Retina і HiDPI екрани

Такі дисплеї широко поширені в мобільних пристроях і дорогих ноутбуках. По суті це кількісне збільшення пікселів при збереженні фізичних розмірів екрану (наприклад, 5 дюймів по діагоналі і 330 PPI).

Для нас, як веб-розробників це означає появу різних пікселів у браузері: CSS-пікселів (які ми зазвичай вказуємо в розмірах елементів) і фізичних пікселів (реальних пікселів на екрані). Формула така: Фізичні пікселі = CSS-пікселі * DPR.DPR це device pixel ratio - коефіцієнт перекладу CSS-пікселів у фізичні.

При розміщенні картинки ми можемо написати тег img з розмірами 20px, а картинка буде 40 пікселів. При цьому на екрані з DPR = 2,0 ми побачимо всі пікселі картинки. Але в цій ситуації нас абсолютно не хвилюють реальні значення PPI екрану.

При цьому ми можемо використовувати картинки з високою щільністю пікселів і для звичайних екранів, браузер сам відмасштабує зображення. І знову, DPI і PPI тут ні до чого, а картинки вимірюються в пікселях. Як їх показати буде вирішувати браузер, у якого вже є два види пікселів.

Ось і вся історія, хоча я звичайно нічого не говорив про адаптивні картинки, способи оптимізації їх віддачі і client hints. Але це інша історія.

• css
  • пікселі
  • оптимізація зображення

Хаби:

• Клієнтська оптимізація
  • Обробка зображень
• +4
• 16k

Юрій Чорноіван yurchor

Метод Лаб - прискорення сайтів

• 15 липня 2009 року о 10:46

Блоки коментарів на css без зображень

+21 3,6k 26 47

• 20 січня 2008 року в 01:19

Практичний JS: оптимізуємо CSS expressions

+20 865 64 26

• 21 серпня 2007 року о 01:43

Практичний CSS/JS: зменшуємо час завантаження сторінки

+21 3,7k 51 49

AdBlock викрав цей банер, але банери не зуби - відростуть

Докладніше

Реклама

Чи важлива ця величина

Пі-пі-ай, виходячи з усього вищесказаного, впливає на чіткість зображення, яке отримує користувач на своєму екрані.

Чим вище величина показника, тим більш чітке зображення отримає юзер.

Фактично, чим більша ця величина, тим менше «квадратиків» буде бачити людина.

Тобто кожен піксель буде маленьким, а не великим, і це дасть можливість взагалі не звертати на це увагу. Наочне значення характеристики можна бачити на малюнку 2

Ріс. 2. Різниця при показниках менше і більше

Звичайно ж, нікому не хочеться мати на своєму смартфоні або планшеті таку картинку, як показано зліва.

Тому при виборі подібної техніки дуже важливо звертати увагу на цю характеристику.

Особливо це актуально, коли ви купуєте в інтернеті і не маєте можливості своїми очима оцінити картинку і зрозуміти, наскільки вона чітка.

Знайти показник в характеристиках того ж смартфона зазвичай просто. Зазвичай вона міститься в розділі «Дисплей». Приклад можна бачити на малюнку 3.

Ріс. 3. Показник у характеристиках смартфона

Важливо! В інтернеті нерідко можна знайти інформацію про те, що ppi важливіше, ніж, наприклад, дозвіл або діагональ і якась з цих характеристик повинна відігравати більш важливу роль при виборі. Це зовсім не так. Як ми могли переконатися вище, всі ці три поняття нерозривно пов'язані між собою.

до вмісту

Плюси і мінуси

Кількість пікс. на дюйм позитивно впливає на чіткість картинки, а відповідно, і на її якість.

Користувачеві буде в рази приємніше дивитися на зображення з великим показником.

На малюнку № 2 фото ліворуч має 30 ppi, а фотографія праворуч - 300. Нижче ще один подібний приклад.

Ріс. 4. Ще один показник різниці

Але є у даного поняття і мінуси. Зокрема, мова йде про автономність пристрою.

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

Можна навіть скласти просте правило: чим більше пі-пі-ай, тим менше час автономної роботи.

Звичайно, для ПК це не проблема, так як там монітор все одно постійно включений в розетку, а ось для деяких телефонів це може стати великою проблемою.

Тому при виборі пристрою обов'язково звертайте увагу не тільки на число пікс. на дюйм, а ще й на місткість батареї!

Таким чином ми плавно перейшли до теми вибору.

до вмісту

Піксель: лити контекст чи не лити?

Ретаргетинг чи ремаркетинг?

З точки зору маркетингу ретаргетинг - це повторний показ реклами, а ремаркетинг - повторний продаж. Сервіси використовують інші визначення, але сенс у них один. Для Google це ремаркетинг, а для Яндекса - ретаргетинг. А серед замовників, менеджерів і в рекламному виробництві зміцнилося номінальне поняття ретаргетинг.

Чому може не бути результату від пікселя?

Згадаймо пояснення вище: піксель збирає не всіх, а тільки тих, хто приземлився на ваш сайт і кого система змогла ідентифікувати. Отже, спочатку нам потрібно створити потік відвідувачів, а як це зробити на новому сайті? Чому потоку немає?

По-перше, SEO запрацює через 3-6 місяців і відразу не принесе багато відвідувачів.

По-друге, аудиторію із соцмереж простіше в соцмережах і збирати, за діями/взаємодіями з рекламою.

По-третє, і це головне: навіщо взагалі вам піксель - на старті, коли сайт зовсім новий? Тому що ви про це десь почули від спікера або хтось описав у статті кейс? Це недостатня підстава для запуску будь-якої стратегії. А яка стратегія правильна?

Якщо у вас йде контекст на сотні тисяч на місяць і ви не збираєте користувачів в аудиторії для ретаргетингу за допомогою пікселів - це точно велике упущення, а в іншому все поправимо.

Якою має бути стратегія рекламної кампанії з використанням аудиторій ретаргетингу? Чи повинна вона відрізнятися від основної рекламної кампанії? Чи ставитися до неї як до повторного продажу? Чи є ця аудиторія лояльною або теплою? І на всі ці питання не можна відповісти однозначно.

Звичайно, рекламна кампанія на аудиторії ретаргетингу повинна відрізнятися від основної кампанії. Тому що до поточної кампанії, а точніше, до її матеріалів у користувача, швидше за все, розвинулася банерна сліпота. У ретаргетингу можна використовувати стратегію, яка знімає часті заперечення клієнтів вже в самій рекламній комунікації: "Все ще вважаєш, що дорого? А ось і ні, тому що... " Або можна адресно звертатися до аудиторії: "Шукав (такі-то) товари і послуги? Ось тобі супервигідні умови і переваги... "

Якщо говорити про якість аудиторії, яка зібрана пікселем, то вона вища, ніж в аудиторії за стандартними налаштуваннями рекламної кампанії. Чи є вона лояльною - питання спірне. Швидше за все ні. А теплою? Напевно, теж ні. Я б охарактеризувала таку аудиторію як «повернуту» у вашу сторону, і ваше завдання - правильно вибудувати комунікацію з нею.

А тепер розберемо часті омани замовників про піксель. Найпоширеніших помилок три.

Одного пікселя достатньо на всі канали. Піксель встановлювали - запускаємо його в іншому каналі.

З пікселями в контексті в Google і Яндексі така омана вже рідко зустрічається. А по соцмережах воно не рідкість - нібито достатньо одного пікселя для всіх соцмереж. На жаль, для кожної соцмережі потрібен свій, кожна система збирає користувачів окремо один від одного. Поки ще не винайшли єдиний піксель для всіх платформ (але це не точно).

Вивантажимо з пікселя користувачів в нашу базу і всім зателефонуємо/напишемо.

Всі користувачі потрапляють в зашифровану аудиторію соцмереж або контекстної реклами. Соцмережі дуже трепетно ставляться до закону про персональні дані і до своїх користувачів як джерела монетизації. Налаштувати рекламну кампанію ретаргетингу можна тільки в тій соцмережі, в якій ви збираєте піксель.

На сайті вже стоїть піксель, запускайте по ньому.

Клієнт думає, що, якщо попередній підрядник запускав ретаргет по пікселю, значить, і ми можемо продовжувати рекламну кампанію по користувачах з сайту. Так, але... Тільки якщо цей підрядник збирав аудиторію і запускав рекламу у вашому рекламному кабінеті кампанії або ж готовий надати/делегувати доступ до бази пікселя.

Примітки

• Специфікації Apple iMac (рос.). Apple. Дата звернення 23 вересня 2012. Архівовано 18 жовтня 2012 року.
• LM215WF3 LCD Product Specification (неопр.). LG Display. Дата звернення 27 січня 2012. Архівовано 18 жовтня 2012 року.
• HP LP2065 20-inch (50.8 cm) LCD Monitor - Specifications and Warranty Архівовано 10 квітня 2008 року. (Hewlett-Packard official website)
• Web Graphics Basics (неопр.). Архівовано 18 жовтня 2012 року.
• com Glossary of Terms (неопр.). Архівовано 18 жовтня 2012 року.
• Resolution, dpi and ppi (неопр.). Архівовано 18 жовтня 2012 року.

Чим ppi відрізняється від т/д і чому не варто плутати

Dpi (скорочення від англійського dots per inch - точок на дюйм) - це роздільна здатність пристрою друку. Т/д - кажучи простою мовою, це величина, що показує, наскільки маленьку точку може намалювати друкуючий пристрій. Термін т/д застосовується в поліграфії.

Ppi - це роздільна здатність файла зображення, що виражається у кількості пікселів на дюйм. Збільшивши на екрані картинку, можна побачити квадратики - ті самі пікселі, з яких вона складається.

Для рядового користувача будь-якої різниці між т/д і ppi немає. Та й інше - одиниці вимірювання, які застосовуються для визначення роздільної здатності зображення, відображеного на екрані або роздрукованого на папері (т/д).

Про вибір дисплеїв

Є кілька правил, які допоможуть вибрати дисплей правильно з урахуванням пікселів, звучать вони наступним чином:

1Обов "язково звертайте увагу на тип дисплея. У пріоритеті повинні бути AMOLED, ще краще SuperAMOLED або ж OLED. Такі апарати завжди будуть кращими, ніж IPS, LCD та інші.

Припустимо, ми прийшли в магазин і бачимо, наприклад, два відмінних апарати - Samsung Galaxy J7 і Xiaomi Redmi Note 3. Ціна у них практично однакова, другий апарат, до речі, потужніший.

У характеристиках зазначено, що у Сяомі 400 ppi (чомусь деякі пишуть 400,53, але, як ми говорили вище, нецілого числа пікс. бути не може).

У Самсунга 267 PPI і дозвіл, відповідно, менше (1280х720 проти 1920х1080). Діагональ однакова - 5,5 дюймів.

Але чомусь картинка більш чітка саме на Samsung. А все через використання фірмової технології SuperAMOLED +. Ви можете в цьому переконатися самі, якщо зверніть увагу на малюнок 5.

Ріс. 5. Xiaomi Redmi Note 3 и Samsung Galaxy J7

2Постарайтеся знайти можливість особисто подивитися на всі зразки, які ви вибрали. Можна спочатку переглянути їхні опції в інтернеті, а потім піти в магазин електроніки і побачити, як реально вони відображають картинки. Особистий погляд в даному випадку просто незамінний.

Обертайте увагу на батарею. Якщо говорити про смартфони, то щоб забезпечити довгу роботу апарату з чітким зображенням (великим показником ppi і/або хорошою технологією), то ємність акумулятора повинна становити близько 3000 мАг.

У планшетів вона повинна бути ще вище, так як їх діагональ більше, ніж у телефонів

4Пам'ятайте: чим менше діагональ і чим вища щільність пікселів (кількість таких на дюйм), тим чіткіше зображення. Не варто обманювати самих себе - домогтися дуже чіткої картинки з величезним дисплеєм і невеликим значенням пі-пі-ай не вийде. Тут важливо дотримуватися золотої середини.

Важливо враховувати і покриття. Так матові екрани будуть видавати менш чітке і насичене зображення, зате будуть більш щадно ставитися до ваших очей.

А ось глянцеві дисплеї будуть негативно впливати за зір, зате зображення на них буде набагато більш красивим. При цьому значення ppi у них може бути однаковим.

Це, в основному, актуально для вибору моніторів до ПК і ноутбуків. Якщо ви працюєте за комп'ютером повний робочий день або навіть більше, краще зупинитися на матовому варіанті.

Ріс. 6. Глянцевий (ліворуч) та матовий (праворуч) екрани ноутбуків

Все це дозволить вам вибрати найбільш відповідний дисплей для себе.

Огляд моніторів для дизайнерів: ТОП-5 моделей 2017 року

Огляд моніторів Dell: ТОП-5 дисплеїв для різних завдань

Зібрати комп'ютер самостійно: онлайн-конфігуратор з перевіркою сумісності

Мерехтить екран на ноутбуці: ефективні способи вирішення проблеми

до вмісту