В 2010 году Apple изменила наше представление о дисплеях для мобильных – iPhone 4 получил экран с уникальной на тот момент технологией Retina. Шесть лет спустя купертиновцы представили еще одну совершенно новую разработку для дисплеев – True Tone. Чем они отличаются друг от друга – и что выбирать нам, обычным пользователям?
Что нужно знать о вёрстке под ретину
При создании сайтов и веб-приложений важно помнить, что пользователи будут их открывать на устройствах с разными экранами. Поэтому нужно делать всё возможное, чтобы вёрстка выглядела хорошо на любом девайсе.
Есть множество способов подготовить вёрстку, начиная от использования медиавыражений и заканчивая написанием скриптов. Мы не будем углубляться в эту тему и разберём только основные моменты, которые полезно знать начинающим веб-разработчикам.
Дисклеймер: в статье мы называем ретиной все экраны с повышенной плотностью пикселей, но знаем, что это не так. Считайте это литературным допущением.
Что такое пиксель?
Чтобы понять, чем ретина-экраны отличаются от остальных и как с ними работать, нужно для начала разобрать понятие пикселя. Пиксели бывает двух видов:
Физический пиксель — пиксель устройства — это пиксель на матрице девайса. Например, когда мы говорим, что ширина экрана устройства 480px, то подразумеваем, что по всей ширине находится 480 неделимых ячеек. Именно они с помощью цветовой схемы RGB формируют изображение на экране.
Чем больше физических пикселей на экране, тем выше его плотность и тем детальнее выводимое на него изображение. Для измерения плотности экранов используют специальную единицу PPI — Pixels per Inch. Она показывает количество физических пикселей на квадратном дюйме экрана. То есть чем выше PPI, тем лучше графика.
CSS-пиксель — относительный пиксель. Размер физических пикселей может отличаться у разных устройств и производителей. Поэтому они подстраивают выводимую на экране своих девайсов информацию под CSS-пиксель. Если этого не сделать, то изображения и тексты, размеры которых заданы в CSS, будут выглядеть по-разному даже на внешне похожих устройствах.
В свою очередь, разработчики никогда не работают с физическими пикселями устройств, только с CSS-пикселями. Чему равен один CSS-пиксель? Изначально стандарт W3C приравнивал его к значению 1/96 дюйма, то есть около 0,26 мм., а браузеры для упрощения расчетов принимали его 1:1 к физическому пикселю при масштабе 100%. Но позже многое изменилось: настало время экранов с повышенной плотностью пикселей.
На этот вопрос трудно ответить по двум причинам. Во-первых, оба решения обеспечивают очень высокое качество изображения. Во-вторых, это всего лишь маркетинговые названия, которые на практике могут означать схожие технологии. Но все же можно попробовать сравнить.
Типы дисплеев в смартфонах
Времена, когда с мобильного телефона можно было только позвонить, уже давно прошли. Сегодня мы имеем дело со смартфонами, которые используются для просмотра интернета, фотографий, видео и игр. Поэтому важно, чтобы они предлагали высокое качество детализации изображения, которым может похвастаться технология Retina. Но прежде чем узнать, что такое Retina, стоит ознакомиться с типами дисплеев на смартфонах. В данный момент самые распространенные это:
- TFT LCD — это ЖК-дисплей, который чаще всего встречается в недорогих смартфонах. Его главным преимуществом является низкая цена, а самым большим минусом — цветопередача, особенно если смотреть на экран под углом.
- IPS LCD — это ЖК-дисплей более высокого класса, используемый в смартфонах средней цены, но иногда встречается и в дорогих моделях. Он обеспечивает высокую точность цветопередачи и широкий угол обзора.
- Super LCD — это специальная разновидность ЖК-дисплея, используемый в основном компанией HTC. Он имеет характеристики, близкие к IPS, но отражает меньше света и с более низким энергопотреблением.
- OLED — это дисплей с несколько иной конструкцией, в котором используются органические диоды (без дополнительной подсветки, в отличие от LCD). Отличительные особенности: насыщенные цвета, „бесконечная” контрастность и глубокий черный. В обычных условиях он работает с низким энергопотреблением, которое может увеличиваться при более высоких настройках яркости.
Из-за незначительных технологических различий, можно столкнуться с различными названиями, такими как AMOLED, Super AMOLED или P-OLED. Однако все они обеспечивают более или менее похожее и очень высокое качество изображения.
Но почему в списке не находится Retina? Дальше все станет ясно…
Что такое Retina?
Это дисплеи, которые используют технологию, обеспечивающую очень высокое разрешение и, следовательно, резкость изображения — настолько, что пиксели остаются невидимыми для человеческого глаза (отсюда и название Retina — «сетчатка»). Он обеспечивает яркие и в то же время естественные цвета.
Дисплей Retina был впервые использован в 2010 году и стал одной из ключевых особенностей iPhone 4, который получил разрешение 960×640 пкс, что означает плотность 326PPI (пикселей на дюйм) и считается более чем хорошим результатом. За эти годы Apple усовершенствовала свои технологии и представила их на новых устройствах — не только новых моделях iPhone, но и iPod, iPad, iMac, MacBook и Iwatch.
- Retina Display – стандартный, введенный в iPhone 4,
- Retina HD — немного лучше, появился на iPhone 6 Plus,
- Retina 4K — это разрешение Ultra HD, которое используется в iMac,
- Retina 5K — используется в iMac с большей диагональю,
- Super Retina HD Display — новинка на базе OLED вместо IPS, с поддержкой HDR и позволяет новейшим iPhone XS и XS Max достигать плотности пикселей 458 PPI.
Так что может предложить дисплей Retina? Прежде всего, отличную детализацию, высокую контрастность и хорошую цветопередачу. Это происходит за счет использования высококачественных IPS или OLED экранов (Super Retina HD) и более высокой плотности пикселей, чем обычно.
На видео: Super AMOLED и Retina Display: В чем разница?
Такой необходимости нет. Технология True Tone оставит равнодушными (т.е. её работу просто не заметят) большинство людей, а высокое качество картинки в духе «Retina» будет у любого устройства с разрешением Full HD и выше (а смартфону до 5 дюймов достаточно и HD).
Использование приложений с дисплеем Retina
Если приложение выглядит на дисплее Retina или внешнем дисплее с высоким разрешением не так, как вы ожидали, попробуйте открыть приложение в режиме низкого разрешения:
- Выйдите из приложения.
- Откройте папку «Программы».
- Выделите приложение одним щелчком, затем выберите пункт «Свойства» в меню «Файл».
- В открывшемся окне «Свойства» установите флажок «Открыть в низком разрешении».
- Закройте окно «Свойства» и снова откройте приложение.
Для некоторых приложений, работающих в режиме низкого разрешения лучше или работающих только в режиме низкого разрешения, этот режим уже включен, и в этом случае отключить его бывает невозможно. Разработчик приложения может предлагать обновление, включающее поддержку дисплея Retina.
Использование приложения Boot Camp и Windows с дисплеем Retina
-
поддерживает разрешения до 3840 x 2160.
- Когда компьютер Mac использует ПО поддержки Windows от компании Apple, ОС Windows запускается с максимальным поддерживаемым разрешением, которое составляет 144 точки (пикселя) на дюйм (увеличение 150 %). В результате объекты выглядят мелкими на большом пустом пространстве экрана. Для регулировки этого параметра в Windows можно использовать элемент панели управления Windows «Экран».
Информация о продуктах, произведенных не компанией Apple, или о независимых веб-сайтах, неподконтрольных и не тестируемых компанией Apple, не носит рекомендательного или одобрительного характера. Компания Apple не несет никакой ответственности за выбор, функциональность и использование веб-сайтов или продукции сторонних производителей. Компания Apple также не несет ответственности за точность или достоверность данных, размещенных на веб-сайтах сторонних производителей. Обратитесь к поставщику за дополнительной информацией.
Плотность пикселей на дисплеях Retina такова, что отдельные пиксели неразличимы для глаза на обычном расстоянии от экрана. Это обеспечивает высочайшую детализацию изображения и значительно улучшает качество просмотра в целом.
Уникальны ли эти технологии Apple?
Абсолютно нет. Другие производители, конечно, не используют название «Retina-дисплей» — но продают гаджеты с еще более высокими разрешениями. Сегодня никого не удивишь 13-дюймовым Windows-ноутбуком или 5,5-дюймовым смартфоном с разрешением 4К. То же можно сказать и о True Tone — если с Retina Apple действительно опередила время, то с True Tone даже не стала первой на рынке. Например, в линейке топовых смартфонов Samsung Galaxy уже несколько лет используются адаптивные дисплеи с теми же возможностями.
Такой необходимости нет. Технология True Tone оставит равнодушными (т.е. её работу просто не заметят) большинство людей, а высокое качество картинки в духе «Retina» будет у любого устройства с разрешением Full HD и выше (а смартфону до 5 дюймов достаточно и HD).
Если говорить о производителях и платформах, то в настоящее время Apple продает только Retina-устройства, хотя четкость в 2К, 4К или даже 5К, если говорить начистоту, нужна только профессионалам в сфере обработки фото и видео.
В мире Windows и Android свободы и выбора намного больше. Но даже самым экономным мы не рекомендуем приобретать смартфоны с разрешением ниже HD, а ноутбуки — с разрешением ниже Full HD, иначе качество картинки может вас разочаровать, и вы впустую потратите деньги.
