- Что такое разрешение экрана и зачем нужно
- Как определить разрешение с помощью CSS
- На что влияет размер экрана?
- Типы дисплеев
- LCD, TFT, IPS
- AMOLED
- Разрешения экранов мобильных устройств
- 240×320
- 320×240
- 320×480
- 480×360
- 360×640
- 480×800
- 768×1024
- 640×960
- 1280×800
- 2048×1536
- Частота обновления
- Под какие устройства и разрешения экранов оптимизировать сайт
- Разрешение экранов популярных устройств
- Для устройств Apple
- Для устройств Android
- Таблица параметров экрана и рекомендации
- Технология изготовления экрана
- Full HD
- 4K, или Ultra HD
- Дисплеи будущего
- Плотность пикселей
- Как узнать разрешение экрана на телефоне
- В чём разница между OLED, AMOLED и Super AMOLED?
- QHD, Quad HD, или 2K
- Какие факторы учитывать
- Retina
- One Web
Что такое разрешение экрана и зачем нужно
Это значение указывает, сколько пикселей помещается на экране.
Чем выше значение, тем лучше будет выглядеть изображение — не будет зернистости (как на кнопочных телефонах), буквы будут аккуратными, без «зазубрин», а в рабочую область поместится больше элементов. Поэтому рекомендуется покупать устройства с разрешением не ниже 1280х720.
Как определить разрешение с помощью CSS
Определяйте ширину экрана, положение и соотношение сторон с помощью медиа-запросов, представленных в CSS
Недостатком этого метода является то, что код запускает три отдельных HTTP-запроса. Таких запросов должно быть как можно меньше, иначе это скажется на скорости загрузки страницы.
На что влияет размер экрана?
О габаритах устройства. Устройство в большом корпусе может быть очень тонким — у Vivo X5 Max рекордная толщина 4,75 мм. Кроме того, чем больше экран, тем шире и выше корпус.
О варианте использования. На фаблете удобнее смотреть фильмы, писать текст и серфить в интернете. При этом он меньше планшета и всегда доступен. Это поняли и пользователи: презентация первого планшета Apple привела к падению спроса на iPad — минус 13 процентов в четвертом квартале 2014 года.
Для простоты. Фаблеты «убили» режим управления смартфоном одной рукой. Большой палец не может дотянуться до всех областей экрана, не нажимая — им сложно пользоваться на ходу. Решение проблемы — уменьшить полезную площадь дисплея. В iOS интерфейс смещается вниз по двойному нажатию кнопки «Домой», в Windows 10 Mobile — кнопки с логотипом системы. На некоторых устройствах Android управление одной рукой можно активировать с помощью жеста.
Выбор смартфона. Тенденция диктует предложение: в 2016 году размеры экранов смартфонов с флагманской начинкой не могут быть меньше 5,2 дюйма. Исключение составляют семейство Sony Xperia Z Compact и iPhone: по утечкам, купертиновская компания весной представит преемника модели 5c с процессором A8.
Соотношение экрана к корпусу также важно. Xiaomi Mi Note с диагональю 5,7 дюйма компактнее iPhone 6s Plus. Узкие рамки вокруг экрана — одна из популярных тенденций смартфонов 2015 года, даже если речь идет просто об эстетике. Sharp преуспела в этом вопросе с «безрамочными» Aquos Crystal и Aquos Crystal 2 (78,5 и 77,2%). Apple — аутсайдер: поставщика ругают за широкий «подбородок» смартфонов: у 6s — 65,3%, у фаблета — 67,9%.
Типы дисплеев
Существует много типов экранов для мобильных устройств: LCD, OLED, AMOLED, Super AMOLED, TFT, IPS и некоторые более редкие, такие как TFT-LCD. На устройствах средней ценовой категории часто встречаются ЖК-панели IPS. Что означают все эти сокращения? Анализируем дальше.
LCD, TFT, IPS
LCD (Liquid Crystal Display) — жидкокристаллический дисплей. Как видно из названия, в его основе жидкие кристаллы, за которыми находится подсветка. Невысокая цена делает эти экраны популярными среди производителей смартфонов и других устройств.
ЖК-экраны обычно хорошо видны на солнце, потому что они подсвечиваются изнутри. Правда, у них не такая точная цветопередача, как у типов мониторов без подсветки.
Смартфоны используют как TFT, так и IPS экраны. TFT (Thin Film Transistor) — тонкопленочный транзистор. Это усовершенствованная версия ЖК-дисплея с активной матрицей, наподобие AM в AMOLED. Каждый пиксель имеет отдельное соединение с транзистором и конденсатором.
TFT отличаются относительно низкой стоимостью производства и повышенной контрастностью по сравнению с традиционными ЖК-экранами. В то же время экраны TFT потребляют больше энергии по сравнению с другими типами LCD, у них хуже углы обзора и цветопередача. Из-за этого, а также из-за падения цен на другие технологии, TFT-дисплеи в современных смартфонах встречаются редко.
IPS (переключение в плоскости). Это дальнейшее развитие технологии TFT LCD. У него лучше цветопередача и углы обзора. На каждый пиксель используется два транзистора, а подсветка более мощная. Из-за этого увеличивается энергопотребление, но оно все равно меньше, чем у TFT-панелей.
Есть и другие варианты, например IPS-NEO. Это название запатентованной технологии JDI, которая якобы устраняет подсветку, но принцип во многом такой же, как и у других ЖК-панелей IPS.
AMOLED
AMOLED (Active Matrix Organic Light-Emitting Diode) — активная матрица органических светоизлучающих диодов. Звучит сложно, но на самом деле это не так. Активная матрица также используется в TFT LCD, а OLED — это еще один термин для тонкопленочной технологии.
OLED — это органический материал, который излучает свет при прохождении через него тока. В отличие от ЖК-панелей, где есть подсветка, OLED-панели всегда выключены, если только на отдельные пиксели не подается питание. Это означает, что OLED-экраны имеют более чистый черный цвет и потребляют меньше энергии, когда экран темный. С другой стороны, яркие изображения на экранах AMOLED потребляют больше энергии, чем на экранах LCD. OLED-панели дороже в производстве по сравнению с ЖК-экранами.
Поскольку черные пиксели на OLED-экранах отключены, контрастность выше, чем на LCD. У них также выше частота обновления, но хуже видимость на солнце. Есть проблемы с выгоранием экрана и пробоем диода, так как они органические.
Но панели AMOLED можно сделать тоньше, чем ЖК-дисплеи, потому что им не нужен слой задней подсветки. Их также можно сделать гибкими.
Разрешения экранов мобильных устройств
240×320
- Nokia 6300, Nokia N92, Nokia N95, Nokia N95 8GB, Nokia N96
- Sony Ericsson W850i и W890i, Sony Ericsson W880i
- Apple iPod Nano 3 и 4 поколения
- HTC Wizard, HTC Tattoo, HTC Touch2
320×240
- Blackberry: кривая 8530, жемчужный флип
- Android: Motorola Charm, Sony Ericsson Xperia X10 Mini и другие
- ОС Symbian: Nokia E63 и другие
320×480
- ОС Apple: iPhone, iPod
- Android: HTC Dream, HTC Hero, HTC Magic, HTC Wildfire S, Droid Pro, i7500 Galaxy, Samsung Galaxy Ace (S5830), Samsung Moment, Samsung Galaxy Gio GT-S5660, Sony Ericsson Live With Walkman и другие…
480×360
Blackberry: Факел, Шторм, Жирный
360×640
ОС Symbian: Nokia N8, Nokia C6-01 и другие
480×800
- Android: Liquid A1, HTC Desire, Nexus One, i9000 Galaxy S и другие
- Maemo (Linux): Nokia 900 и другие
- Windows Mobile 6: Sharp S01SH
- Windows 7 Phone Venue Pro, Samsung Omnia 7, HTC 7 Pro и другие
768×1024
айпад
640×960
ай фон 4
1280×800
- Android: Motorola Xoom, Samsung Galaxy Tab 10.1
- ОС Windows: Asus Eee Pad EP121
- Apple OS: модбук Axiotron
2048×1536
IPad 3 оснащен дисплеем Retina с разрешением 264 пикселя на дюйм (это даже больше, чем у 15-дюймового MacBook Pro).
У iPhone 4S плотность пикселей 326 пикселей на дюйм.
Частота обновления
Индикатор влияет на отображение изображения так же, как и частота кадров в секунду. Благодаря увеличенной частоте обновления интерфейс станет более плавным.
В этом можно убедиться, как только вы включите смартфон и начнете листать на рабочем столе. Со временем вы привыкнете и перестанете удивляться, но достаточно на несколько секунд вернуться к классическому экрану 60 Гц, и вы снова почувствуете разницу.
Точно так же на восприятие изображения влияет частота кадров в секунду и частота обновления экрана. Чем выше значение, тем плавнее.
В мобильной индустрии есть три показателя: 60 Гц, 90 Гц и 120 Гц. Между вторым и третьим разница не очень заметна. Между тем, экран с частотой 60 Гц сложно использовать после переключения на устройство с частотой 90 Гц или 120 Гц.
Оптимальный показатель – 90 Гц. Между этим значением и 120 Гц разницы на глаз не видно.
Под какие устройства и разрешения экранов оптимизировать сайт
Нет простого ответа. Нужно смотреть, с каких устройств целевая аудитория заходит на сайт. Но вы должны учитывать, что:
- Самый распространенный формат Android — 480×800 (hpdi), который совместим со всеми смартфонами Samsung и самыми популярными Nokia.
- Второй по популярности формат — mdpi, 320×480
- Большинство смартфонов оснащены сенсорным экраном.
Макет сайта должен быть выполнен в Photoshop (или программах типа Figma). Должны быть адаптивные макеты. Каждая страница в основных разрешениях.
Идеальный вариант — когда шаблон сайта будет адаптивным и корректно отображаться на любом разрешении экрана. Или хотя бы для этих:
- 320x480px — iPhone5
- 480×800 — HTC Desire, Nexus One, i9000 Galaxy S и другие
- 768 x 1024 — iPad
- 640×960 — iPhone 4
- 1000 или более × бесконечность — планшеты и настольные компьютеры
Разрешение экранов популярных устройств
Может варьироваться в зависимости от производителя. Компании, производящие смартфоны с ОС Android, используют значения по умолчанию:
- 720х1280 — для бюджетных смартфонов;
- 1080х1920 — для смартфонов среднего класса;
- 2560х1440 — флагманские модели.
Смартфоны Apple имеют свои собственные стандарты разрешений.
Для устройств Apple
У устройств Apple есть свои стандарты разрешений
Модель айфона | Диагональ, дюйм | Разрешение, пикселей |
4,4 с | 3,5 | 640×960 |
5, 5С, 5С | четыре | 640×1136 |
6, 6С | 4.7 | 750×1334 |
6+, 6С+ | 5,5 | 1080×1920 |
7, 8 | 4.7 | 750×1334 |
7+, 8+ | 5,5 | 1080×1920 |
Икс | 5,8 | 1125×2436 |
ВИДЕТЬ | четыре | 640×1136 |
Для устройств Android
Стандарты разрешений для устройств Android
Модель | Диагональ, дюйм | Разрешение | |
ASUS | |||
Zenfone 2 Lazer ZE500KL | 4,99 | 720×1280 | |
Зенфон 4 A450CG | 4.4 | 480×800 | |
HTC | |||
желание 600 | 4,45 | 540×960 | |
желание С | 3,52 | 320×480 | |
Желание СВ | 4.31 | 480×800 | |
Дезире В | 4.1 | ||
желание Х | 4.1 | ||
Один | 4,8 | 1080×1920 | |
32Gb | 4.6 | ||
С , | 4.2 | 540×960 | |
ЮЗ | 4.2 | 480×800 | |
Х, Х+ | 4,8 | 720×1280 | |
Windows Phone 8s | 4.1 | 480×800 | |
Windows Phone 8x | 4.2 | 720×1280 | |
Хуавей | |||
Поднимитесь на G630 | 5.1 | 720×1280 | |
Честь 5X | 5.4 | 1080×1920 | |
Награды 6, 7 | 5.1 | 1080×1920 | |
Леново | |||
IdeaPhone P770 | 4.6 | 540×960 | |
IdeaPhone S720 | |||
К900 | 5.4 | 1080×1920 | |
Р70, С60 | 5.1 | 720×1280 | |
Вибрационный выстрел | 5.2 | 1080×1920 | |
LG | |||
G2 | 5.2 | 1080×1920 | |
Нексус 4 | 4,8 | 768×1280 | |
Нексус 5 | 4,97 | 1080×1920 | |
Оптимус 4Х HD | 4,71 | 720×1280 | |
Оптимус Джи | 4,71 | 768×1280 | |
Отимус Джи Про | 5,51 | 1080×1920 | |
Оптимус L5 | 4.1 | 320×480 | |
Оптимус L5 II Двойной | 4.1 | 480×800 | |
Оптимус L7 II Двойной | 4.4 | ||
Оптимус L7 | 4.4 | ||
Оптимус L9 | 4.6 | 540×960 | |
Samsung | |||
Актив С | 4,75 | 720×1280 | |
Галактика А5 | 5.1 | 720×1280 | |
Галакси А5 2016 | 5.1 | 1080×1920 | |
Галактика Мега 6.3 | 6.4 | 720×1280 | |
Галактика Нексус | 4.7 | 720×1280 | |
Галакси ноут | 5.4 | 800×1280 | |
Галактика Примечание 2 | 5.6 | 720×1280 | |
Галакси С Дуо | 4.1 | 480×800 | |
Галактика С2, С2+ | 4.4 | 480×800 | |
Галактика С3 | 4.7 | 720×1280 | |
Галакси С3 Мини | 4.1 | 480×800 | |
Galaxy S4 | 5.1 | 1080×1920 | |
Галактика С4 Мини | 4.2 | 540×960 | |
Галактика S4 мини, S4 зум | 4.1 | 540×960 | |
Галактика С5 | 5.2 | 1080×1920 | |
Галактика С6 | 5.2 | 1440×2560 | |
Галактика Победа | 4.6 | 480×800 | |
Сони Иксперия | |||
Акро С | 4,35 | 720×1280 | |
E Двойной, вперед | 3,51 | 320×480 | |
Ион | 4,56 | 720×1280 | |
Дж | 4.1 | 480×854 | |
Л | 4,35 | ||
Миро | 3,6 | 320×480 | |
П | 4.1 | 540×960 | |
С | 4.4 | 720×1280 | |
Солнце | 3,75 | 480×854 | |
СП | 4,62 | 720×1280 | |
Типо | 3.21 | 320×480 | |
Техас | 4,57 | 720×1280 | |
В | 4,33 | ||
З, З1 | 5.05 | 1080×1920 | |
Z1 компактный | 4,33 | 720×1280 | |
Z2 | 5.24 | 1080×1920 | |
ЗЛ | 5.1 | ||
ЗР LTE | 4,52 | 720×1280 | |
Сяоми Редми | |||
3, 3С | 5 | 720×1280 | |
4, 4А, 4Х, 5А | 5 | 720×1280 | |
4 Про | 5 | 1080×1920 | |
5 | 5.7 | 720×1440 | |
6, 6А, 7А | 5,45 | ||
5+ | 5,99 | 1080×2160 | |
6Pro | 5,84 | 1080×2280 | |
7 | 6.3 | 720×1520 | |
Идти | 5 | 720×1080 | |
S2 | 5,99 | 720×1440 | |
К20 Про | 6,39 | 1080×2340 | |
Y3 | 6,25 | 720×1560 | |
Сяоми Редми Примечание | |||
2, 3, 4, 5А Прайм | 5,5 | 1080×1920 | |
5 | 5,99 | 1080×2160 | |
6Pro | 6,25 | 1080×2280 | |
7, 7 Про | 6.3 | 1080×2340 | |
восемь | 6.4 | ||
8 Про | 6,53 | ||
Сяоми Ми | |||
четыре | 5 | 1080×1920 | |
5, 5С, 6 | 5.15 | ||
6+ | 5.7 | ||
5X | 5,5 | ||
7 | 5,65 | 1080×2160 | |
7+ | 6 | ||
8, 8 Про | 6.2 | 1080×2248 | |
8 Маленькая | 6,25 | 1080×2280 | |
9 | Т, Облегченный, Про, Т Про, Проводник | 6,39 | 1080×2340 |
ВИДЕТЬ | 5,98 | ||
А1 | 5,5 | 1080×1920 | |
А2, смесь 2 | 5,99 | 1080×2160 | |
A2 Маленький | 5,84 | 1080×2280 | |
A3, смесь 3 | 6.4 | 1080×2340 | |
А3 маленький | 6 | 720×1560 | |
Играть в | 5,85 | 1080×2280 | |
Максимум | 6,9 | 1080×2160 |
Таблица параметров экрана и рекомендации
В таблице представлены типы разрешений экрана и другие сопутствующие параметры экрана в смартфонах, с которыми мы сталкиваемся сегодня.
Разрешение/плотность | Диагональ | Ценовая категория |
480 x 800 и 480 x 854 пикселей (WVGA) 160 или 240 точек на дюйм | 3,5 — 4 дюйма | Устанавливается на доступные модели начального уровня |
540 x 960 пикселей (qHD), 160 240 или 320 точек на дюйм | 4,5–4,8 дюйма | Используется на бюджетных моделях |
720 x 1280 пикселей (HD), 240 или 320 точек на дюйм | 4,8-5,5 дюйма | Средний ценовой сегмент моделей |
1080 x 1920 — (Full-HD), 320, 480 или 640 точек на дюйм | 4,8-7 дюймов | Сегмент флагманских моделей |
1440 х 2560 пикселей. (QuadHD), 480 или 640 т/д | 5-7 дюймов | Новомодные, но редко встречающиеся в 2018 году смартфоны с 4К-экранами. |
При выборе гаджета с большим экраном (от 5 дюймов) для хорошей четкости параметры матрицы должны быть не менее 720х1280 px с плотностью 240 dpi и выше. Изображение на экране с большой диагональю и низким разрешением из-за малой плотности пикселей будет размытым и менее четким, чем на экране с оптимальным сочетанием когерентных свойств.
Насколько оправдано использование экрана 4K в смартфонах — проблема. При таких габаритах для человеческого глаза разница с тем же Full HD будет практически незаметна. Кроме того, на сегодняшний день очень небольшое количество приложений для смартфонов поддерживает такое качество изображения. Поэтому покупка смартфона с высоким разрешением экрана — скорее дань моде, чем реальное преимущество.
Важно! Известно, что при 100% зрении в идеальных условиях человеческий глаз способен различать точки с плотностью до 350 dpi, да и то в идеальных условиях. Для относительно комфортного восприятия достаточно значений от 250 dpi.
Стоит помнить, что при его включении на разрядку аккумулятора влияет пиксельная плотность и высокое разрешение экрана смартфона (зарядка нужна чаще). Поэтому рекомендуется выбирать гаджет с оптимальным разрешением экрана, соответствующим уровню производительности, размеру диагонали и емкости аккумулятора. Какое разрешение экрана смартфона лучше, зависит от предпочтений покупателя.
Технология изготовления экрана
Все экраны в смартфонах сегодня можно разделить на два основных типа: LCD и OLED. Технология имеет свои неоспоримые преимущества и недостатки. ЖК-экраны нуждаются в дополнительной подсветке экрана, в то время как OLED основаны на светодиодах, поэтому они не нуждаются в подсветке. Это ключевое отличие, которое приводит к разнице в характеристиках дисплеев.
ЖК-экраны получили более широкое распространение и делятся на несколько типов:
- TN — одна из самых массовых и экономичных технологий производства цветных экранов. Сегодня такие экраны используются в самых дешевых смартфонах, так как их производство достаточно дешевое, но позволяет получить продукт приемлемого качества. Углы обзора и цветопередача не на высшем уровне;
- Экраны IPS сейчас используются в большинстве смартфонов разного ценового диапазона. После устранения существенных недостатков технологии в 2009 году она получила широкое распространение. Такие экраны четкие и контрастные, имеют естественную цветопередачу, широкие углы обзора и быструю реакцию на нажатие;
- VA представляет собой симбиоз TN и IPS. Такие экраны дают четкое изображение с точными белыми и черными цветами, но при просмотре под определенным углом цвета искажаются;
- PLS — это экран, созданный Samsung с целью удешевления технологии IPS, но с сохранением основных преимуществ. Такие экраны отображают примерно 98% цветов, отображаемых в IPS, но стоят на 20% дешевле. Энергопотребление этих экранов низкое, углы обзора широкие, цветопередача отличная, поэтому они активно используются в продукции Samsung.
К основным достоинствам экранов с этой технологией (за исключением TN) можно отнести точную цветопередачу и наличие идеального белого цвета, что сложно для OLED-экранов. Максимальная яркость значительно выше за счет технологии экрана, что немаловажно для комфортного использования гаджета при ярком солнечном свете. Такие экраны практически не меняют цвета под разными углами обзора, они дешевле в производстве, чем OLED-экраны, а пиксели в них со временем не выгорают.
OLED-дисплеи используют светодиоды для формирования изображения и подсветки. За счет этого достигается меньшее время отклика на нажатие, ведь один из слоев на экране отсутствует. Экраны AMOLED родились благодаря работе Samsung над усовершенствованием технологии OLED, и в результате были получены экраны с активной матрицей, что позволило предоставить пользователю потрясающее качество изображения. На сегодняшний день такие экраны считаются самыми продвинутыми, но компания предложила еще более продвинутый тип экрана — Super AMOLED, где сенсорный экран и поверхность экрана составляют одно целое. Это позволяет уменьшить толщину, улучшить цветопередачу, повысить яркость и увеличить углы обзора.
Самым большим преимуществом технологии является высокая контрастность изображения. Кстати, нам быстро удалось уйти от ядовитых цветов, за которые когда-то критиковали смартфоны Samsung, и сегодня стандартом по контрастности стали AMOLED-экраны: 30 000:1 против 1500:1 у IPS. Черный цвет в таких экранах действительно черный, ведь технология построена таким образом, что светятся только те пиксели, которые необходимы для создания изображения, остальные не светятся, что тоже экономит энергию гаджета. Но если чаще использовать изображения с белыми и яркими цветами, то экономия сводится на нет. Экраны AMOLED немного тоньше, что влияет на толщину гаджета, а для некоторых этот фактор важен при выборе смартфона.
Full HD
Разрешение Full HD чаще всего встречается в смартфонах, выпущенных в прошлом году. Хотя на некоторые устройства все чаще приходят экраны 2K (QHD). Oppo Find 7 и LG G3 были первыми из них в свое время.
Разрешение Full HD составляет 1920 x 1080 пикселей. Опять же плотность пикселей зависит от диагонали экрана. 5-дюймовый экран дает плотность 440 ppi, а 5,5-дюймовый означает 400 ppi.
4K, или Ultra HD
Как и в случае с 2K, название 4K происходит от более высокого значения разрешения. Но на самом деле это не 4000, а 3840 пикселей. Таким образом, хотя эти два термина взаимозаменяемы, на самом деле они означают немного разные вещи.
Ultra HD — это 3860 x 2160 пикселей, а 4K — 4096 x 2160 пикселей. Часто оба эти варианта уменьшаются до 2160p. Разница в количестве пикселей небольшая, но она есть. Одним из первых смартфонов с дисплеем 4K был Sony Xperia Z5 Premium с разрешением Ultra HD на 5,5-дюймовом дисплее.
Sony называет это 4K, но на самом деле это Ultra HD. Плотность пикселей Sony Z5 Premium составляет 806 пикселей на дюйм, что намного больше, чем у любого другого смартфона, и намного больше, чем нужно большинству пользователей.
Дисплеи будущего
Смартфоны постепенно «адаптируются» к разрешению экрана 4К. Мониторы и телевизоры могут работать с разрешением до 8K (7680×4320). В этом году был представлен смартфон RED Hydrogen One с голографическим дисплеем. Разрешение здесь 2K, но контент в формате «4V» может быть революционным.
Микро светодиод. Это новая технология, которая все еще находится в зачаточном состоянии. Но есть вероятность, что в будущем она станет повсеместной. Экраны Micro LED работают так же, как OLED, но тоньше. Они состоят из неорганических полупроводников, таких как нитрит галлия. Здесь также есть светодиоды, меньшего размера по сравнению с диодами в OLED-панелях.
Подсветка на Micro LED не нужна, как и поляризационный фильтр. Стеклянный слой над панелью можно сделать тоньше. Яркость на единицу мощности, свидетельствующая об эффективности дисплеев, лучше по сравнению с OLED- и LCD-панелями. При одинаковой яркости экран Micro LED потребляет в 2 раза меньше энергии по сравнению с OLED, а зачастую и того меньше. Очень маленькие диоды позволяют увеличить разрешение на той же поверхности. С такими экранами можно создать смарт-часы с разрешением 4К. Микро-светодиоды не склонны к выгоранию, как OLED-панели.
Самым большим недостатком Micro LED на данный момент является цена. Производство сложное, процент ошибок высок. Вероятно, еще нет даже линий по производству микросветодиодов. Все это не способствует снижению цен. Эксперты ожидают, что первые кастомизированные продукты с такими экранами появятся в 2019 и 2020 годах. Apple инвестирует в развитие этой технологии с 2014 года. Возможно, первыми станут Apple Watch.
Плотность пикселей
Аббревиатура PPI происходит от Pixel Per Inch (пикселей на дюйм). Это значение указывает, насколько близко точки на экране расположены друг к другу.
Чем ниже значение, тем хуже. При увеличении на экране с низкой плотностью пикселей вы, скорее всего, увидите «зернистость», то есть можно увидеть точки. Кроме того, это влияет на четкость изображения.
Чем выше разрешение, тем выше плотность пикселей. Например, для экранов 2К+ это около 500 ppi, а с разрешением HD+ около 320 ppi. Это при стандартной диагонали экрана в 2020 году — 6,2-6,5 дюйма.
Однако это не единственный фактор. Также важно учитывать диагональ. На iPhone SE (2020) с 4,7-дюймовым HD-разрешением и 320 ppi этого достаточно для отображения четкого изображения.
Оптимальный показатель для экрана 6,2-6,5 дюймов — 400 ppi.
Как узнать разрешение экрана на телефоне
Есть 3 способа:
- откройте Яндекс.Маркет, введите в поисковую строку название модели, выберите подходящее устройство и перейдите в подраздел «Знания».
- Введите поиск по форме «Модель_телефона_характеристики» в поисковике».
- откройте «Настройки» на смартфоне и перейдите в подраздел «О телефоне».
В чём разница между OLED, AMOLED и Super AMOLED?
OLED расшифровывается как Organic Light Emitting Diode (органические светодиоды). OLED-дисплеи изготавливаются из тонких пленок электролюминесцентного материала. Они излучают свет и не требуют фоновой подсветки, что снижает энергопотребление. OLED-дисплеи часто называют AMOLED при использовании на смартфонах и телевизорах.
AM расшифровывается как «активная матрица», в отличие от пассивной матрицы OLED (P-OLED), которая менее распространена в смартфонах.
Super AMOLED похож на экраны Samsung. Сначала они были на флагманских смартфонах, теперь добрались и до дешевых. Как и ЖК-дисплеи IPS, дисплеи Super AMOLED являются улучшением по сравнению с обычными AMOLED-дисплеями. Сенсорный слой встроен в сам экран, а не поверх него.
В результате панели Super AMOLED лучше видны на солнце, чем обычные AMOLED, и потребляют меньше энергии. Панели Samsung считаются лучшими.
QHD, Quad HD, или 2K
QHD означает Quad HD, что означает разрешение в 4 раза выше стандартного HD. Экран того же размера вмещает в 4 раза больше пикселей, чем разрешение HD. А именно 2560 х 1440 пикселей. 5,5-дюймовый экран имеет плотность пикселей 538 ppi. Тот же полноэкранный режим имеет плотность пикселей 400 ppi.
Иногда разрешения указываются по-разному. HD пишется как 720p, Full HD 1080p и так далее, QHD называется 2K, потому что максимальное значение здесь больше 2000 пикселей. Это может сбить с толку пользователей, поскольку было бы разумнее назвать его 2,5 КБ.
Какие факторы учитывать
При оптимизации необходимо учитывать следующие факторы, влияющие на удобство взаимодействия с сайтом:
- тип клавиатуры (физическая, сенсорная)
- разрешение экрана и соотношение сторон
- поддержка смены ориентации экрана
- скорость передачи данных (2G, 3G, 4G)
- операционная система
- функции браузера (масштабирование, поддержка Flash и AJAX)
- удобная навигация (переход на страницу всего в три клика, прокрутка должна быть вертикальной, а не горизонтальной, неплохо добавить кнопки навигации в самом верху страницы и на главную страницу сайта — это повысит уровень юзабилити , обязательно наличие поиска на сайте.
Retina
Еще одно маркетинговое имя, на этот раз от Apple. Дисплеи Retina не имеют особых характеристик, за исключением того, что они должны быть выше минимального разрешения. Такое разрешение не позволяет человеческому глазу видеть отдельные пиксели, а плотность пикселей здесь составляет более 300 ppi. В то же время Apple измеряет плотность пикселей иначе, чем другие производители.
Измерение зависит от размера экрана и разрешения. Концепция Retina продвигалась со времен iPhone 4 с разрешением 960 x 640. В ней использовался 3,5-дюймовый ЖК-дисплей IPS с плотностью пикселей 330 ppi.
В наши дни на экранах Android менее 6 дюймов с разрешением QHD плотность пикселей достигает 400-500 ppi. Из-за этого Apple пришлось пересмотреть свое мнение о том, что 300 пикселей на дюйм достаточно, поскольку iPhone 6 Plus с разрешением Full HD имеет плотность пикселей 401 пикселей на дюйм. На iPhone 7 и iPhone 7 Plus плотность пикселей составляет 326 и 401 ppi соответственно. На iPhone XS и XS Max это значение составляет 458 пикселей на дюйм.
One Web
Учитывая большое количество разрешений, правильным решением будет реализация проекта One Web. Единая сеть означает создание, насколько это возможно, одинаковых условий для использования и отображения информации на всех устройствах. Но это не значит, что одна и та же информация будет выглядеть совершенно одинаково на разных устройствах.