Retina дисплеи и недавно появившиеся Retina HD дисплеи - часто упоминаются при обсуждении продуктов Apple. В этой статье постараемся определить различия данных типов дисплеев, и стоят ли эти дисплеи тех денег, которые за них просят.

Что такое Retina диспдей? Или, какое определение является точным для дисплеев с таким названием?

Retina дисплей - это больше маркетинговый ход, чем технический термин, но и определение данному понятию можно дать: это экран, использующийся в вычислительном устройстве, который имеет высокую плотность пикселей, при которой человеческий глаз не может разглядеть отдельные пиксели. Другими словами, предполагается, что человек не сможет увидеть разницу между фотографией картины, показанной на экране Retina, и самой картиной. Но это только в теории.

Retina - это собственность Apple. Другие компании могут производить экраны с такими же техническими характеристиками, но назвать их Retina, они не смогут. Это товарный знак.

Какое разрешение у Retina дисплея?

Разрешения экранов приводятся в формате "число пикселей" Х "число пикселей". Но ключевым моментом для Retina дисплеев является плотность пикселей (количество пикселей на дюйм). При одинаковых разрешениях экранов (в пикселях) но разных размерах (в дюймах) плотность пикселей будет разной.

Но, даже с точки зрения плотности пикселей, нет единой цифры, котороя квалифицировала экран как Retina, так как при определении Retina дисплеев учитывается, внимание, расстояние экрана от глаз.

На деле, чаще можно встретить следующие показатели плотности пикселей для различных типов устройств:

• 326ppi - смартфоны
• 264ppi - планшеты
• 220ppi - ноутбуки

Есть ли экраны с характеристиками лучшими, чем у Retina дисплеев?

Есть. Есть экраны, которые обладают большей плотностью пикселей. Сама компания Apple, с момента запуска iPhone 6, предлагает использовать улучшенный экран Retina HD. Но многие Android устройства превосходят по данному показателю устройства Apple, например LG G3 - 534 пикселя на дюйм.

Но, если вспомнить наше предыдущее определение Retina, то увеличение плотности пикселей - довольно спорное предприятие, ведь человеческий глаз уже не видит разницы при таких высоких показателях ppi. Об этом говорили сами Apple. Но выпуск iPhone 6 можно расценивать как признание того, что все-таки разницу ощутить можно.

Разница между Retina и Retina HD.

Термин Retina HD - относится только к экранам новых смартофонов Apple. Так чем же превосходит Retina HD своего предшественника:

• Более высокое разрешение
• Больший контраст
• Более широкий угол обзора благодаря технологии dual domain pixels
• Еще, если смотреть на экран в очках, то изображение на экране будет ярче, чем на предыдущих моделях.

Итак, что такое Retina? В чем заключается преимущество этой технологии перед конкурентами? И вообще, как работает эта Retina? Давайте разбираться.

Что такое Retina дисплей

Когда Стив Джобс на презентации нового iPhone 4 впервые показал миру дисплей Retina – весь мир просто ахнул от удивления и взорвался волной неподдельного восторга. После iPhone 4 этот дисплей появился в новых моделях iPad, MacBook и iMac. Но что такое Retina дисплей и почему люди так им восторгаются?

Самое главное, что вам стоит знать, так это то, что Retina является запатентованным брендом компании Apple. Кроме того, в этих дисплеях нет никаких технических откровений. По сути, компания Apple может давать любому дисплею приставку Retina, но с одним условием. Сам Джобс на памятной презентации iPhone 4 говорил, что новый дисплей смартфона настолько четкий, что никто в мире не сможет разглядеть отдельные пиксели с расстояния 25 дюймов. В самом же iPhone 4 плотность пикселей составляет 326 точек на дюйм.

С момента презентации iPhone 4 много воды утекло, и компания Стива Джобса представила целый ряд устройств, в которых установлен экран Retina. Но если вы посмотрите, например, на плотность пикселей в iPad и сравните это значение с плотность в iPhone, тогда у вас может возникнуть некоторое сомнение. Все дело в том, что в планшетах Apple плотность пикселей на экране всего-то 256 точек на дюйм. Так почему же такие экраны также имеет приставку Retina? Неужели компания Apple нас нагло обманывает?

Нет, Apple нас не обманывает. Все дело в том, что для получения приставки Retina дисплею достаточно того, чтобы отдельный пиксель был незаметен людскому глазу. То есть, у нас есть два прямых критерия, которые влияют на то, видим ли мы отдельный пиксель, или нет: плотность и расстояние от экрана до глаз. Поэтому, чем дальше от глаз мы держим экран, тем меньшая плотность пикселей нужна для «исчезновения» пикселей. Иными слова, чем большая диагональ экрана, тем дальше вы его держите от глаз, и тем ниже значения плотности пикселей нужно для получения титула Retina. Вот так, ловкость рук и никакого мошенничества.

В чем разница между обычным дисплеем и дисплеем Retina?

Если говорить простыми словами, в дисплеях Retina инженеры компании Apple просто взяли и удвоили количество пикселей по горизонтали и по вертикали. В результате в этом дисплее получилось в два раза больше пикселей по сравнению с обычным не Retina дисплеем. Но, если бы в Apple ограничились только увеличением количества пикселей, тогда у пользователей возникли бы реальные проблемы. Дело в том, что чем большее количество пикселей в экране, тем миниатюрнее будут элементы интерфейса.

Но Apple была бы не Apple, если не исправила бы эту проблему. Итак, проблемы с миниатюризацией инженеры решили с помощью создания специальной системы HiDPI. Работа системы максимально простая: она занимается масштабированием элементов интерфейса до приемлемого для наших глаз размера. Главная задача Retina дисплеев – это сделать все на экране более четким. Особенно дисплеи Retina хорошо отображают текст. Благодаря большому количеству пикселей буквы выглядят плавными и складывается впечатление, что читаешь реальный качественный журнал, а не какую-то его версию в pdf.

Что такое Retina HD и Retina 4K / 5K?

Если дисплеи Retina такие классные, тогда куда уже дальше их улучшать? Но это же Apple, а значит инновациям нет конца 🙂 Все знают, что Apple не только умеет создавать самые лучшие в мире устройства, но и умеет их удачно продавать. И когда в мире все начали говорить сначала о HD, а потом о Full HD и 4К, парни из Купертино просто не могли оставаться в стороне от всего этого. И как результат, в 2014 году выходит новый iPhone 6 с HD разрешением экрана. В iPhone 6 Plus разрешение экрана уже было Full HD. А как именно Apple назвали эти дисплеи в iPhone? Правильно, Retina HD и Retina Full HD.

Когда мир начал сходить с ума по поводу разрешения 4К (экраны с 4 000 пикселей по горизонтали), компания Стива Джобса также выпустила свое устройство с экраном 4К — Retina 4K. Таким устройством стал iMac с диагональю дисплея 21 дюйм и плотностью пикселей 218 точек на дюйм. Но разрешение 4К есть у всех, а Apple ведь должна быть лучше всех. Поэтому, в 2014 году на рынок вышел iMac с диагональю 27 дюймов и впечатляющем разрешением по горизонтали 5120 точек. Как вы уже догадались, в компании этот дисплей назвали Retina 5K. Как видите, для Retina нет преград с точки зрения разрешения. Главное высокая плотность пикселей.

Используют ли другие производители термин Retina?

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

Так, например, одной из первых моделей смартфонов на рынке, в которой плотность пикселей дисплея была значительно больше, чем в iPhone, был Sony Xperia Z5 Premium. Только представьте себе, при разрешении 4К и диагонали дисплея 5,5 дюймов, плотность пикселей составляла 806 точек на дюйм. Также компания Samsung не могла стоять осторонь этих гонок за плотностью пикселей. Первый ее смартфон с действительно высокой плотностью пикселей на дюйм – это Galaxy S6. При разрешении 1440 x 2560 (Quad HD или QHD) и диагонали дисплея 5,1 дюйм плотность пикселей составляет 5,1 дюйм.

Но тут стоит задуматься о целесообразности использования такого высокого разрешения и плотности пикселей при столь малых диагоналях. Дело в том, что для отображения столь высоких разрешений нужно очень много аппаратных ресурсов и энергии. Поэтому, возможно, что Стив Джобс был прав, когда говорил, что плотность пикселей в 300 точек на дюйм – это золотая середина для смартфонов. И именно Retina дисплеи при не самых высоких значения плотности пикселей предлагают оптимальный баланс между резкостью изображения и количеством ресурсов, которые необходимо потратить на его отображение.

Резюме

И так, компания Apple знает свое дело. Они делают не только самые лучшие программы, но и производительные устройства с удивительными по качеству дисплеями Retina. Давайте коротко обобщим все, что мы узнали об этих дисплеях. Во-первых, Retina – это не технология, а маркетинговое названия дисплеев с высокой плотностью пикселей. Во-вторых, чем больше диагональ дисплея, тем меньше нужно значение плотности пикселей дисплею для получения приставки Retina. Высокая плотность пикселей помогает сделать изображение более четким, особенно хорошо это видно в отображении текста. И самое главное, в дисплеях Retina оптимально сочетаются разрешения и плотность пикселей с затраченными ресурсами. Надеемся, наша статья помогла вам разобраться с тем, что такое дисплеи Retina от Apple. До новых встреч в наших следующих материалах.

• Перевод

После недавнего выпуска Retina MacBook Pro и The new IPad, экраны с увеличенной плотностью пикселей начали активно входить в нашу жизнь. Что это значит для веб-разработчиков?

Для начала разберемся в терминологии.

Физические пиксели

Физические пиксели (device pixel или physical pixel) - привычные нам пиксели: самые маленькие элементы любого дисплея, каждый из которых имеет свой цвет и яркость.

Плотность экрана (Screen density) - это количество физических пикселей дисплея. Обычно измеряется в пикселях-на-дюйм (PPI: pixels per inch). Apple, разработав Retina-экраны с двойной плотностью пикселей, утверждает, что человеческий глаз не способен различить бо′льшую плотность.

CSS-пиксели

CSS-пиксели (CSS pixels) - абстрактная величина, используемая браузерами для точного отображения контента на страницах, вне зависимости от экрана (DIPs: device-independent pixels). Пример:

Соотношение между физическими и CSS-пикселями можно устанавливать так:
device-pixel-ratio, -o-device-pixel-ratio, -moz-device-pixel-ratio, -Webkit-device-pixel-ratio { … }

Или так:
device-pixel-ratio, -o-min-device-pixel-ratio, min--moz-device-pixel-ratio, -Webkit-min-device-pixel-ratio { … }

В Javascript добиться этого можно, используя
window.devicePixelRatio

Растровые пиксели

Кроме растрового разрешения, изображения в интернете имеют абстрактные размеры в CSS-пикселях. Браузер сжимает или растягивает изображении в соответствии с его CSS-шириной и -длиной. При отображении на обычном экране один растровый пиксель соответствует одному CSS-пикселю. На Retina-экранах каждый растровый пиксель умножается в 4 раза:

Оптимизация

HTML и CSS-масштабирование

А таким на Retina:

Есть несколько способов реализации HTML и CSS-масштабирования:

HTML

Где использовать: на одностраничных сайтах с несколькими изображениями.

Javascript

Где использовать: на сайтах с несколькими изображениями в контенте.

CSS (SCSS)

Можно использовать псевдоэлементы:before или:after
.image-container:before { background-image: url([email protected]); background-size: 200px 300px; content:""; display: block; height: 300px; width: 200px; }

Техника работает и при использовании спрайтов:
.icon { background-image: url([email protected]); background-size: 200px 300px; height: 25px; width: 25px; &.trash { background-position: 25px 0; } &.edit { background-position: 25px 25px; } }

Где использовать: на сайтах с ограниченным количеством фоновых изображений (например одним в качестве спрайта).

HTML и CSS-масштабирование: плюсы

• Простота реализации
• Кроссбраузерность

HTML и CSS-масштабирование: минусы

• Устройства с обычными экранами будут скачивать лишние мегабайты
• На обычных экранах четкость изображений может пострадать из-за алгоритмов сжатия
• Параметр background-size не поддерживается в IE 7 и 8.

Определение плотности пикселей экрана

CSS

Где использовать: на сайтах или в приложениях, в которых применяется background-image для элементов дизайна. Не подходит для изображений внутри контента.

Плюсы

• Кроссбраузерность

Минусы

• Утомительно внедрять, особенно на крупных сайтах
• Использование изображения контента в качестве фона семантически некорректно

Javascript

Существует специальный Javascript плагин Retina.js , который умеет делать все вышеописанное, но с дополнительными возможностями, такими как пропуск внешних изображений и пропуск внутренних, но не имеющих retina-копий.

Где использовать: на любых сайтах с изображениями в контенте.

Плюсы

• Простота внедрения
• Устройства не скачивают лишние изображения
• Контроль плотности пикселей на сайте

Минусы

• Retina-устройства скачивают оба варианта каждого изображения
• Подмена изображений заметна на retina-устройствах
• Не работает в некоторых популярных браузерах (IE и Firefox)

Масштабируемая векторная графика

В этом примере простое SVG-изображение может быть как угодно масштабировано:

То же самое получится с применением CSS:
/* Использование фонового изображения */ .image { background-image: url(example.svg); background-size: 200px 300px; height: 200px; width: 300px; } /* Использование content:url() */ .image-container:before { content: url(example.svg); /* width and height do not work with content:url() */ }

Для поддержки IE 7 или 8 и Android 2.x потребуется использование заменяющих PNG-изображений. Это можно легко сделать с помощью Modernizr :
.image { background-image: url(example.png); background-size: 200px 300px; } .svg { .image { background-image: url(example.svg); } }

Для лучшей кроссбраузерности, чтобы избежать проблем растеризации в Firefox и Opera, следует сделать каждое SVG- изображение соответствующим его родительскому HTML-элементу.

В HTML можно реализовать аналогичное с помощью нужного data в теге a:

С использованием jQuery и Modernizr:
$(document).ready(function(){ if(!Modernizr.svg) { var images = $("img"); images.each(function(i) { $(this).attr("src", $(this).data("png-fallback")); }); } });

Где использовать: на любых сайтах, подходит для иконок, логотипов и простых векторных иллюстраций.

Плюсы

• Единый набор изображений для всех устройств
• Простота реализации
• Бесконечное масштабирование

Минусы

• Нет точного сглаживания «до пикселя»
• Не подходит для сложной графики из-за больших размеров файла
• Нет встроенной поддержки в IE 7, 8 и в ранних версиях Android

Иконочные шрифты

Современные технологии достигли небывалых высот. При этом они постоянно развиваются и совершенствуются. Так, современные матрицы отличаются высочайшим качеством изображения, которое было недоступно еще 5-10 лет назад. Ярким примером современных достижений в технологии экранов являются дисплеи Ретина. Они отличаются высокой плотностью пикселей, благодаря чему человек видит безупречную картинку. Но, несмотря на то, что такие технологии уже плотно вошли в быт современных людей, многие задают вопрос, Ретина LCD дисплей, что это такое?

1. Что такое матрица Ретина

Впервые понятие «Retina» было использовано компанией Apple на презентации нового смартфона под названием iPhone 4. Настоящий гений в мире современных технологий Стив Джобс на презентации своего нового детища уделил достаточно много внимания новой технологии матрицы. Однако многие задаются вполне логичным вопросом, - не является ли «Retina» обычным маркетинговым ходом? Действительно ли это новое открытие, которым может гордиться производитель «яблочной» продукции?

Отвечая на вопрос, что такое ЖК Ретина дисплей, в первую очередь стоит отметить, что само слово «Retina» в переводе с английского означает «сетчатка». Такое название технология получила неспроста. Дело в том, что на сегодняшний день название Retina display используется в общих описаниях обычных жидкокристаллических матриц, которые имеют повышенную плотность пикселей на квадратный дюйм, и используются в устройствах Apple.

Другими словами, отвечая на вопрос, что такое ЖК экран Ретина, можно с полной уверенностью сказать, что это обычные ЖК экраны, сделанные по технологии IPS, имеющие высокую плотность пикселей от 220 ppi и выше. Существует также и неофициальное название данной технологии – Super Fine TFT (SFT). В наше время подобные матрицы используются на всех современных смартфонах, планшетах, МакБуках и другой продукции от компании Apple.

Стоит отметить, что благодаря высоко плотности пикселей точки на экране невозможно увидеть невооруженным глазом, что ведет к тому, что изображение максимально приблизилось к картинкам на страницах глянцевых журналов по качеству и восприятию.

1.1. Устройство матриц Retina

Нет смысла долго рассказывать о том, как устроены дисплеи Ретина, ведь как вы уже знаете – это обычная IPS матрица. Единственное отличие заключается в повышенной плотности пикселей. Соответственно, устройство таких матриц абсолютно идентично устройству IPS. Можно сказать, что дисплей Ретина – это своего рода подвид матрицы IPS.

Особого внимания достоин тот факт, что группе ученых, работающих в компании Apple, удалось разделить пиксели и субпиксели, благодаря чему появилась возможность существенно уменьшить расстояние между ними. Это и есть главная особенность данной технологии.

1.2. Преимущества экранов Retina

Экран Ретина и что это такое вы уже знаете, теперь можно обговорить их преимущества. Подобные дисплеи имеют целый ряд неоспоримых преимуществ, среди которых особого внимания достойно качество изображения. Данная технология построения матриц позволяет существенно уменьшить расстояние между пикселями. Благодаря этому изображение на дисплее Retina имеет такой вид, что человеческий глаз просто не способен различить сетку или какие-либо точки. Картинка кажется максимально реалистичной.

Учитывая тот факт, что фактически Retina основан на IPS матрице, не удивительно, что на сегодняшний день такие дисплеи имеют наилучшие углы обзоров. При этом скорость отзыва не уступает другим современным матрицам. Кроме этого, к преимуществам относиться высокий уровень контрастности, показатель которой равен 900:1. При этом стоит понимать, что достичь таких показателей смогли лишь некоторые виды лучших дисплеев, таких как Super Amoled и последние типы IPS матриц, одним из которых является Retina.

Современныt матрицы Ретина обладают не только высоким разрешением, которое превышает Full HD (1920x1080). Помимо этого, они отличаются превосходной цветопередачей, что делает картинку максимально реалистичной. Разработчикам удалось максимально приблизиться к тому, чтобы создать экран, который наиболее оптимально воспринимается органами зрения человека. Это означает, что изображение, отображаемое такими матрицами, наиболее легко и приятно воспринимается глазами.

Еще одно важное преимущество данной технологии построения экранов заключается в том, что они имеют антибликовый эффект. Дело в том, что в матрице используется специальный фильтр, не позволяющий дисплею меркнуть и блекнуть даже на прямых солнечных лучах.

1.3. Недостатки дисплея Ретина

В мире нет ничего идеального. Как и любая другая технология, матрицы Retina также имеют свои недостатки. Функция автоматической настройки яркости, которая имеется на любом современном устройстве, не всегда работает безупречно. В некоторых случаях приходиться устанавливать уровень яркости вручную. Однако это общая проблема экрана, операционной системы устройства, а также датчиков освещения.

Еще один недостаток заключается в том, что такие дисплеи имеют достаточно сильное потребление энергии, которое превзошло даже матрицу Amoled. Однако для компенсации этого недостатка производитель оснащает устройства Apple более емкими и мощными батареями.

2. Экраны Ретина в планшетах

Что такое экран Ретина на планшетах? Как правило, прежде чем купить планшет покупатели читают его описание. Одним из важных параметров, на который стоит обращать внимание – это экран. Очень часто, видя слово «Retina» люди не понимают, о чем идет речь. Что значит ЖК дисплей Ретина, вы уже знаете, поэтому при покупке планшетного ПК у вас не должно возникнуть трудностей. Дисплей Retina в планшете означает, что данное устройство имеет дисплей с повышенной плотностью пикселей и с высоким разрешением.

Стоит отметить, что ученым удалось еще сильнее увеличить разрешение дисплея на планшете. Теперь оно выше, чем Full HD разрешение, которое равно 1920х1080 пикселей. К примеру, iPad4 имеет размер экрана 2048х1536 пикселей. При этом плотность пикселей составляет 264 ppi (264 пикселя на квадратный дюйм). Конечно, это ведет к увеличению потребления электроэнергии. Но при этом такое разрешение означает еще более высокое качество изображения.

3. Обзор планшета iPad mini with Retina display: Видео

Конечно, сегодня это уже не самое высокое разрешение, так как наиболее крупные компании постоянно соревнуются между собой, выпуская более современные устройства, с более высокими параметрами. Так, компания Google в ответ iPad4 выпустили Nexus, который имеет разрешение 2560х1600. Конечно, это не экран ретина, хотя по параметрам он не уступает ему.

4. Экраны Ретина в мониторах

Данная технология используется не только в изготовлении экранов для мобильных устройств. Такой дисплей используется и в новых моделях ноутбуках. Первой моделью стало устройство от Apple под названием MacBook Pro. Здесь используется 15 дюймовый экран с разрешением 2880х1800 пикселей. Конечно, плотность пикселей в таких экранах составляет 220 ppi.

Благодаря этому у пользователей появляется возможность обрабатывать изображения в формате Full HD, не уменьшая при этом масштаб картинки.

Матрицы Retina – это новое слово современной техники, которые открывают новый уровень качества изображения. С появлением данной технологии мобильные устройства, такие как планшеты, смартфоны, ноутбуки и так далее, стали еще на один шаг ближе к стационарным компьютерам с высококачественными мониторами.

Разработчики разных компаний стараются уделять больше внимания дисплею, пытаясь привлечь новых пользователей к своей продукции. Так чем же удивил в этот раз Apple, и что такое дисплей Retina? Его преимущества перед другими и недостатки. Именно об этом и расскажет данная статья.

Дисплей – это неотъемлемая часть каждого устройства. Будь то планшет, компьютер или телефон. Ведь именно через него осуществляется связь человека с «железом».

Что такое Retina дисплей?

При использовании этого дисплея человек совсем не заметит пикселей. Картинка очень чёткая и яркая, чем может похвастаться далеко не каждое устройство.

Раньше такой чёткостью дисплея можно было насладиться только на профессиональных компьютерах, но теперь доступно и на устройствах от Apple. Чаще всего Retina используется на планшетах iPad , разрешение составляет 2048х1536 точек. Это даже больше, чем у некоторых компьютерных мониторов.

Retina использует только Apple?

Retina дисплей является запатентованным средством, а значит использовать его именно в таком виде не имеет права ни один бренд. Однако была попытка увеличить пиксели экрана в компании Sony, но она не увенчалась успехом. Так как именно в Apple размер экрана (дюймы) соответствует количеству пикселей. Ведь стоит помнить о том, что при увеличении разрешения требуется и увеличивать техническую составляющую устройство.

Стив Джобс (основатель Apple) как-то сказал, что 300 точек на дюйм – это золотая середина для телефонов.

Преимущества и недостатки дисплеев Retina

Retina дисплей содержит в себе ряд преимуществ, которые отличают его от дисплеев других компаний:

• тип матрицы – IPS, а это значит, что такая техника отличается улучшенной графической составляющей: высокая яркость, контрастность и угол обзора, точная передачей цветов;
• фотографии выглядят живо и максимально соответствуют реальности;
• хорошо проявляют себя в цифровой живописи;
• картинка остаётся разборчивой при любых углах обзора;
• соотношение цена-качество оптимальное;
• автоматическое устранение пиксельных недочётов.

Но все дисплеи имеют свои недостатки. И Retina не стал исключением. При использовании на максимально возможных настройках батарея быстро нагревается и разряжается.

Краткие выводы

1. Retina дисплей – является разработкой корпорации Apple. На сегодняшний день является лучшим в соотношении цена-качество.
2. Картинка на таком дисплее очень чёткая, цвета соответствуют реальности. На таких планшетах очень удобно рисовать.
3. Одним из главных плюсов является угол обзора, который позволяет оставаться картинке чёткой и «правильной» относительно цветов, независимо от того, под каким углом смотреть.
4. Учитывая преимущества и недостатки, Retina оставляет за собой место ведущего дисплея современности.