Retina-экраны

iMac_icon-80x80Мелкие растровые изображения, на новых эпловских девайсах очень четко представляются на ретина – экранах, когда автоматически увеличиваются вдвое, по сравнению с привычными экранами win-ды.

Эпл явно берет курс на перевод всей своей продукции на экраны c удвоенной (по каждому измерению) четкости. Практически у всех универсальных аппликухах лэйауты векторные, начиная с момента выхода iphone 4С, в которых впервые появилась ретина. Кроме того, у всех приложений появилось два набора графики, один – для обычного разрешения, другой – для увеличенного в 2 раза (чтобы маленький растровый рисунок при увеличении на ретине не расплывался самым позорным образом). Уважающий себя браузер, каким является Мозилла, в отличие от IE или Оперы, при выводе графики на экран в режиме увеличенного масштаба, выполняет код по автоматической подстановке увеличенного вдвое изображения. С отображением текста все гораздо лучше, шрифт автоматически увеличивается во всех браузерах без потери четкости.

Понятие разрешения экрана в пикселах уходит в прошлое, как и дисплеи с полностью матовым экраном, и такой прогрессивный скачок развития можно только приветствовать. У русских пользователей доля дорогущей эпловской техники ничтожна (ноутбуки с ретиной стоят от 3000$, например, Macbook Pro 15″ with Retina, модель начала 2013 года: 2.7, GHz Quad-core Intel Core i7 / 16GB 1600MHz DDR3L SDRAM / 512GB Flash Storage), и можно было бы не беспокоиться, однако все лучшее в виртуале имеет тенденцию к широкому распространению. Поэтому нужно готовиться к революционным изменения в дисплеях уже сейчас, в особенности тем, кто профессионально занимается обработкой изображений и вэб-дизайном. Дорогие девайсы им придется купить уже сейчас, остальное дело времени. Обычно не требуется сильно много усилий, чтобы привести средний сайт в порядок. В любом случае лучше начать раньше, чем позже. Уже многие новые шаблоны сайтов, например, для движка WordPress, делают под ретину. Здесь ничего удивительного нет, эти темы изготавливают в Америке, где эпл популярна и, можно сказать, стала национальным брэндом.

Глянец Ретины, это не совсем глянец. Это такой полумат-полуглянец. Ну, или «три четверти» глянец. Бликует он меньше, чем глянцевый монитор. Отражение работающего на экране заметно только в случае достаточно яркого освещения внешними источниками света или его бликами. Если же работать в нормальных условиях освещения (отсутствие солнечного света, низкий уровень освещенности, отсутствие ярких источников света в зоне видимости глаза и позади работающего), то никаких бликов/отражений нет и впомине. При этом, качество или детализация картинки и шрифтов – потрясающее.

Все мы привыкли мыслить реальным пиксельным разрешением экрана. Например, если экран имеет разрешение 1680х1050 px, то понятно, что именно в этом разрешении картинка будет максимально чёткой. Какое бы мы ни выбрали разрешение, меньшее реального (скажем, 1440х852, 1280х1024 или любое другое), интерфейсы операционной системы будут масштабированы с некоторой экстрополяцией и сглаживанием, в результате чего картинка потеряет резкость. Почему это происходит? Потому что физическое разрешение экрана около 72 dpi. То есть пиксели экрана достаточно крупные для того, чтобы мы видели их глазом. Если, например, вы напечатаете фотографию в разрешении 72 dpi, то тоже увидите пиксели. Если напечатаете картинку в разрешении 100 dpi, различить пиксели будет сложнее. При 150 dpi еще сложнее. При 200 dpi и более – очень сложно, почти невозможно. При 300 dpi практически никакой пытливый взгляд не увидит отдельные точки (или пиксели). Зеркальные фотоаппараты делают именно с разрешением 300 dpi, и на печать лучше отдавать фотки с таким разрешением.

Реальный порог различимости отдельных точек/пикселей находится в районе 200-250 dpi. Физическое разрешение Retina порядка 220 dpi. Это означает, что как бы система не масштабировала картинку, увидеть глазами разницу в четкости будет весьма затруднительно. Это стало возможным благодаря высокой плотности физических пикселей на квадратный дюйм площади – то самое разрешение dpi. В настройках монитора теперь нет привычных разрешений. Теперь количество информации, отображаемое на экране выбирается как показано на рисунке:

Выбор разрешения ретина экрана

По умолчанию предлагается масштаб Best (retina), соответствующий половинному реальному разрешению экрана, то есть 1440×900 px. В этом варианте масштабирование происходит без экстраполяции/сглаживания, т.к. математика простая: 1×1 px выбранного разрешения соответствует 2×2 px реального разрешения. В этом варианте гарантирована максимальная чёткость изображения.

Что касается подготовки изображений к публикации в вэбе, то забудьте о мелких рисунках, не жадничайте, загружайте на сайт – не менее 800х600, а там пусть сайт с шаблоном под ретину сам масштабирует.

А в недалеком будущем, уважаемые читатели, в виртуале приготовьтесь забыть о разрешениях экрана в пикселах (сам не верю в то, что написал).

Запись опубликована в рубрике Гаджеты с метками , . Добавьте в закладки постоянную ссылку.

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>