0

Разрешение айфона 6

Целью данного материала является обсуждение стереотипов и распространенных заблуждений в отношении аппаратных и программных характеристик смартфонов Apple iPhone c iOS и конкурирующих с ними смартфонов на ОС Android. На нашем ресурсе уже есть объективные и подробные технические обзоры iPhone 6и iPhone 6 Plus. Также рекомендуем ознакомиться с первой частью этого материала.

Экран современного смартфона — пожалуй, один из самых важных его компонентов, потому что именно с ним взаимодействует пользователь. Соответственно, экрану (в широком смысле — и как физической сущности, и как интерфейсу системы) нужно уделять первостепенное внимание. Всегда.

Тем любопытнее то, что экран оценивают не по общему качеству картинки и удобству работы, а по одной самой примитивной характеристике (раньше было разрешение, теперь плотность пикселей), которая уже давно вышла за рамки разумности. Цветопередача, комфортная яркость, баланс? Пфф. И в результате такого «экспресс-сравнения» цифр спецификаций выходит, что «вот у конкурентов PPI больше — значит, у них и продукт лучше», хотя на деле это неважно, потому что глаз не способен эту разницу уловить. Но ведь по цифрам 420 круче, чем 326? Не так ли?

В общем, экраны iPhone 6 и 6+ — пожалуй, один из самых ярких примеров ситуации, когда в рамках «традиционно-железячного» подхода основные плюсы Apple оказываются вне игры. А iPhone выглядят существенно хуже, чем на самом деле, из-за некорректно подобранного сравнения.

Тем не менее, у новых экранов есть свои особенности, поэтому давайте поговорим о них подробнее.

Гонка PPI в колесе для белок

Параметры экранов iPhone 6/6+ вызвали самые жаркие споры в среде энтузиастов практически мгновенно после того, как были объявлены. При этом, что забавно, iPhone 6 энтузиасты вообще, по большому счету, списали со счетов — и диагональ, и разрешение (фу-у-у, всего 720р!) им неинтересны, т. к. это на сегодня «попса», конкуренты свои устройства с диагональю экрана 4,7 дюйма называют «мини». То ли дело лопатофон… пардон, 6+! Эта модель в тренде «смартфон с огромным экраном», который активно продвигают все, кому не лень, поэтому для энтузиастов она интереснее. Но и к нему нашлось немало претензий: мол, как это всего Full HD, когда корейские производители ставят уже… (подставьте любые цифры по вкусу, приближающиеся постепенно к разрешению 4K).

Тут бы впору остановиться и подумать: а зачем использовать экран с PPI (напомню, PPI — количество точек на дюйм, им задается четкость изображения) 400, а потом и 450, если человеческий глаз не различит на таком экране больше примерно 300 (не берем сейчас экраны Pentile, где эта характеристика дутая)? С технической точки зрения, высокая плотность пикселей дает только дополнительную нагрузку на систему, не обеспечивая никаких удобств. Значит, остается чистый маркетинг: «Давайте меряться цифрами!» В реальной жизни ни на что не влияет, ресурсы потребляет, но… но «круче». Просто потому, что цифры в сравнительной таблице больше. У кого больше — тот и флагман.

Подход, кстати говоря, действенный, потому что дает в руки убойный аргумент о преимуществе произвольного китайского аппарата над айфонами и предрекает конец Apple. Особенно обидно встречать такое не в обсуждениях, а в статьях. В многочисленных «первых взглядах» на англоязычных ведущих ресурсах (в том числе и реально топовых) все в один голос отмечают, что экраны iPhone 6/6+ очень хороши, но каким-то извиняющимся тоном, и при этом обязательно добавляют, что PPI, конечно, не дотягивает до текущих флагманов Samsung и LG, у которых аж xxx PPI.

У экранов Apple зато очень широкие углы обзора, точная цветопередача, высокая контрастность и новый поляризационный слой, который повышает читаемость экрана на солнце, а также уменьшенная толщина тачскрина (см. наши обзоры iPhone 6 и 6+, там есть большое исследование качества экрана). И благодаря этому экран превосходит всех конкурентов не столько по цифрам, сколько по субъективному качеству изображения. Осталось понять: этому поверят?

Проблема с такими «незаметными улучшениями» в том, что их сложно оценить сразу. Понимание приходит по мере использования, а для этого аппарат нужно купить. Например, когда iPhone 4s клали рядом с Galaxy S4, у которого Pentile, химическое буйство красок и цвета «вырвиглаз», то при вопросе «какой экран больше нравится?» мои знакомые выбирали скорее S4. Больше красок за те же деньги! Правда, после некоторого времени работы от такого экрана банально устаешь (и начинаешь понимать, что такое «комфортный в длительном использовании»), но это ведь потом. И, к вопросу субъективности: некоторым такой экран нравился даже при длительном использовании.

Наконец, можно долго дискутировать, что мол «больше PPI — это все маркетинг», но покупатели-то на это ведутся. Поэтому когда такими вот вопросами «а зачем нам больше пикселей на дюйм, и этого хватает! Лучше займемся цветовым балансом» начинают задаваться производители из стана Android, то их рыночные показатели немедленно перемещаются в зону отрицательных значений. В общем, с одной стороны, подход Apple правильный с точки зрения достижения оптимального результата. С другой — не факт, что рынок его примет. Потребители иногда голосуют за весьма странные решения.

Экраны новых iPhone: где подвох?

Впрочем, пассаж про 326 точек на дюйм наверняка породил у многих читателей ехидные вопросы относительно iPhone 6+, у которого заявленный параметр — 400 PPI. Ну так давайте разберемся чуть подробнее. Вот таблица с параметрами экранов новых iPhone.

Диагональ Разрешение Плотность пикселей
iPhone 6 4,7 дюйма 1334×750 326 PPI
iPhone 6+ 5,5 дюйма 1920×1080 401 PPI

С экраном iPhone 6 все более-менее ясно: это просто увеличенный экран iPhone 5. Компоновка интерфейса и элементов управления такая же, иконки и шрифты того же размера (ну а что, PPI-то тот же!), только немного выросло расстояние между ними. Что же до приложений, то здесь опять все зависит от разработчиков. У правильно написанных приложений просто растянется интерфейс, у неправильно — растянется (но уже через системные механизмы масштабирования) и может потерять четкость (т. к. будет идти пересчет графики и, возможно, шрифтов). В целом, никаких неожиданностей или неприятных моментов после iPhone 4 или 5 быть не должно.

А вот с iPhone 6+ все совершенно не так однозначно. Мы первым делом видим старое доброе разрешение Full HD и радуемся: «Наконец-то что-то привычное, из мира Windows и Android!» Правда, заодно это разрешение воспринимается как нечто уже устаревшее. (И это повод еще пару раз сокрушенно вздохнуть на разных форумах «да, Apple уже не тот». Мне же вспоминается Жванецкий: «Как это четвермыми, когда давно уже пятермыми?!») И лишь потом начинаем думать, что хотя соотношение сторон тут такое же, но разрешение как-то не очень вписывается.

Кратко напомню историю вопроса. iPhone имел экран с определенными параметрами: физическим размером 3,5 дюйма, разрешением 480×320 пикселей и плотностью пикселей в 163 ppi, под который и создавались все элементы интерфейсов приложений (шрифты, графика, расположение элементов). Так как экран был один, можно было не делать адаптивный интерфейс, который рассчитывается в условных величинах и адаптируется под любой экран, а рисовать его напрямую в пикселях. Это гораздо проще для разработчиков (особенно при создании графических элементов, которые всегда в пикселях) и существенно экономит ресурсы системе (адаптивные интерфейсы системе приходится собирать на лету, тратя вычислительные ресурсы, а нарисованные она просто выводит на экран).

С введением экрана Retina плотность пикселей увеличилась вдвое (до 326 ppi). Элементы с тем же размером в точках (пикселях) стали выглядеть на том же экране вдвое мельче. Проблему решили просто: размеры элементов увеличили вдвое, а графику перерисовали под новый размер (например, 64×64 вместо 32×32 точек для иконок), и все. У iPhone 5, грубо говоря, добавили места сверху, но сам размер элемента на экране остался тот же. Из-за этого некоторые приложения не растягивались на весь экран, если вертикальный размер интерфейса задавался напрямую в пикселях (точках). Собственно, уже тогда Apple активно пропагандировала использование пропорциональных величин, что дает возможность адаптироваться под любой экран. Но… В общем, многие лентяи просто добавили еще один вариант размеров интерфейса под новый экран и на этом успокоились.

Итак, что получилось с новыми моделями. У iPhone 6 физический размер экрана стал больше, но и пикселей стало больше, т. е. на дюйм остались те же 326 пикселей и 326 виртуальных точек (пиксель — физический элемент экрана, точка — элемент при расчете размера интерфейса; подробнее можно почитать в нашей серии статей, посвященной масштабированию — рекомендую ознакомиться, чтобы лучше понимать изложенное дальше). В результате адаптивные интерфейсы просто растянутся, а расстояние между графическими элементами в интерфейсе станет больше. Неправильные приложения с интерфейсами в пикселях должна растягивать сама система — с некоторой потерей в четкости, но функциональность сохранится. Кстати, насколько я понимаю, в iPhone 6 выбор «крупного варианта» интерфейса приведет к тому, что геометрия станет как на iPhone 5, т. е. все элементы чуть вырастут в размерах. Некоторые интерфейсы, скорее всего, разработчики перепишут, чтобы с ними удобнее было работать на более крупных экранах. Плюс, скорее всего, придется убирать элементы управления из верхней части экрана.

Странный экран iPhone 6+

С iPhone 6+, у которого зачем-то сделали 400 пикселей на дюйм, этот фокус не пройдет. Если взять стандартный элемент интерфейса под 163 PPI и растянуть его вдвое (326 PPI), то он будет выглядеть на экране iPhone 6+ очень мелким. Увеличить втрое? Тогда элементы интерфейса и шрифты будут выглядеть на экране слишком крупно, и к тому же на экран iPhone 6+ с его текущим PPI будет влезать мало информации — меньше, чем на экран iPhone 5. А это недопустимо: зачем делать экран крупнее, если на него помещается меньше информации?

Судя по имеющимся данным, Apple сделала следующее: интерфейсы собираются под стандартную плотность 163 точки на дюйм с увеличением 3х, что дает 2208×1242 точек (разрешение скриншотов в нашем обзоре 6+ именно такое). После чего уже собранный интерфейс аппаратно масштабируется под 1920×1080. Таким образом, итоговое масштабирование на экране получается около 2,5, но делается в два приема. В общем, неоптимальная и довольно неожиданная для любящей техническое совершенство компании Apple схема. Не говоря уже о возможных потерях качества.

Посмотреть, как оно получается, в виде инфографики можно .

Почитать подробнее (на англ.) можно

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

И еще немного выводов

Таким образом, экран iPhone 6 сохранил оптимальную (с точки зрения Apple) плотность в 326 пикселей на дюйм. С одной стороны, глаз при такой плотности уже не различает пиксельную сетку, а значит, и нужды в дальнейшем увеличении разрешения для экрана с диагональю 4,7 дюйма нет. С другой — все шрифты и графические элементы в приложениях рассчитаны именно под эту плотность пикселей, поэтому проблем с отображением приложений нет. В общем, для экосистемы Apple это экран с оптимальными параметрами.

А вот экран 6+ смотрится, мягко говоря, странно. Нестандартное для Apple сочетание диагонали и разрешения приводит к нестандартному же PPI — 400 пикселей на дюйм, так что шрифты и графические элементы интерфейсов системы и приложений выглядят на нем мельче, чем на других смартфонах Apple. С технической точки зрения все тоже очень и очень странно: сначала интерфейс собирается под одно разрешение, а потом перемасштабируется под другое. Это совершенно не в стиле Apple, которая всегда отличалась изяществом и техническим совершенством своих решений. А тут так топорно…

Почему так получилось? Истинных причин мы не знаем и, скорее всего, не узнаем. Высказываются разные предположения — например, о желании сэкономить и использовать распространенные матрицы Full HD, а не городить что-то свое со странными параметрами. Или что «истинное» разрешение (т. е. 2208×1242) берегут для следующего поколения iPhone (7+), которое уже будет ого-го. Но оба этих предположения звучат странно в применении к смартфону, который вроде как предполагается в качестве флагмана на ближайший год.

Вообще, возникает подозрение, что iPhone 6+ — это не флагман, а какой-то экспериментальный продукт, который впопыхах собрали на коленке, чтобы зацепиться за перспективный рынок «планшетофонов» и не упустить его полностью. Это вполне объяснило бы странную историю с экраном: для производства экранов с нужными параметрами уже не оставалось времени, пришлось брать стандартное решение. На эти же мысли наводит плохо продуманный корпус: и то, что iPhone 6+ относительно легко гнется, и неудобное расположение кнопки включения (она сделана там же, где у iPhone 6, но из-за других размеров корпуса тут ею неудобно пользоваться). Тем более что по всем остальным аппаратным компонентам 6 и 6+ совместимы. Да, информация о наличии в линейке iPhone 6+ начала просачиваться достаточно давно, но это уже был этап производства. А мы же не знаем, сколько длился цикл разработки. Кстати говоря, в Apple явно недооценили спрос именно на 6+, основной дефицит сейчас на эту модель.

В общем, появляются некоторые подозрения, что и форм-фактор, и экран с такими параметрами (диагональ 5,5 дюйма, разрешение 1920×1080) — это какое-то промежуточное решение, и не факт, что у него есть будущее. Но зато если мы возьмем «внутреннее разрешение» интерфейса iPhone 6+ и стандартную для Apple плотность пикселей на дюйм 326 PPI, то у нас получится, что экран с этими параметрами должен иметь диагональ 7 дюймов ровно. Интересно, а не планирует ли Apple в будущем крупную семидюймовую модель планшетофона уже с «родным» соотношением параметров интерфейса и экрана?

Разумеется, использовать семидюймовое устройство в качестве смартфона уже сложно и неудобно. Однако теперь у нас есть умные часы Apple Watch, которые в сочетании с аудиогарнитурой позволяют вообще не доставать смартфон для текущих неотложных действий: ответить на звонок, отправить SMS или сообщение в мессенджере. Кстати говоря, и Siri активно подтягивают до уровня, когда она сможет взять управление этими функциями на себя. Если так, то основное устройство можно будет использовать только тогда, когда реально нужен большой экран (т. е. сценарий планшета) — и тут уж не нужно будет никаких компромиссов.

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

Впрочем, весьма вероятно, что это исключительно мои фантазии, основанные на случайном совпадении параметров (из которых получается диагональ 7 дюймов) и на завышенных ожиданиях какого-то прорывного устройства. Мы все еще ждем от Apple революций, и я даже сам писал об этом в первой части.

А в реальности нас ждет всего лишь расширение ассортимента крупных смартфонов с разными форм-факторами. Тем более что теперь есть технология, позволяющая получать примерно одинаковый интерфейс практически на любой диагонали экрана: сначала он рендерится под требования интерфейсов программ (т. е. исходный размер с коэффициентом умножения: у iPhone 6 это х2, у iPhone 6+ — х3), а потом аппаратно масштабируется под нужный экран. А пользователям дается выбор между «обычным» и «увеличенным» размером интерфейса, что позволит им добиться приемлемого размера шрифтов при любом сочетании параметров экрана — в разумных пределах, конечно. Такое решение предоставит компании некоторый переходный период, за который она заставит-таки разработчиков перестать использовать абсолютные параметры в интерфейсах и начать делать адаптивные размеры элементов.

Правда, этот вариант выглядит очень уж грустно и скучно. Если Apple просто начнет расширять ассортимент устройств, то, наверное, действительно можно будет говорить о том, что революционная логика старой Apple ушла в прошлое. И Apple превратится в еще одну скучную компанию а-ля Samsung или НР, где все рассчитано, распланировано, логистически обосновано и проверено на фокус-группах.

Но в любом случае такая чехарда с экраном — неприятный удар по имиджу создателя только законченных и оптимальных решений.

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

Размер экрана, разрешение и область просмотра: что это значит?

Зачем используется адаптивная вёрстка? Когда вы покупаете устройство, в спецификации вы можете наблюдать такие параметры как размер экрана и его разрешение. Размер экрана — это показатель длины его диагонали в дюймах. Не следует путать его с разрешением дисплея. Этот параметр показывает количество пикселей на экране. Часто он отображается, как количество пикселей по экранной ширине и высоте (например, 1024 × 768).

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

Дисплеи настольных компьютеров и ноутбуков всегда находятся в горизонтальной ориентации (ширина больше, чем высота). Мобильные устройства можно поворачивать, чтобы показывать веб-сайты как в альбомной, так и в портретной (высота больше, чем ширина) ориентациях. Это означает, что дизайнеры и разработчики должны учитывать не только размеры экранов для адаптивной верстки, но и эти различия.

Нужна помощь в определении того, удобен ли ваш сайт для просмотра на разных мобильных устройствах? Воспользуйтесь нашим сервисом →.

Отзывчивый дизайн

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

  • Группируют стили по типичным размерам экранов для телефонов, планшетов и настольных версий компьютеров. В этом случае на экранах, размеры которых превышают 7 дюймов по диагонали, сайт отображается с разрешением стационарного компьютера.
  • Используют контрольные точки. Они определяют ширину дисплея в пикселях. Это значение устройства корректируют в зависимости от размеров экранов.

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

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

/* Стили для десктопа — начало */

@media screen and (max-width: 991px) {
/* стили для больших планшетов — начало */

}

@media screen and (max-width: 767px) {
/* стили для средних планшетов — начало */

}

@media screen and (max-width: 479px) {
/* стили для телефонов — начало */

}

Самые популярные разрешения экрана

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

Устройства Apple

Разрешение дисплея Viewport
iPhone
iPhone XR 828 x 1792 414 x 896
iPhone XS 1125 x 2436 375 x 812
iPhone XS Max 1242 x 2688 414 x 896
iPhone X 1125 x 2436 375 x 812
iPhone 8 Plus 1080 x 1920 414 x 736
iPhone 8 750 x 1334 375 x 667
iPhone 7 Plus 1080 x 1920 414 x 736
iPhone 7 750 x 1334 375 x 667
iPhone 6 Plus/6S Plus 1080 x 1920 414 x 736
iPhone 6/6S 750 x 1334 375 x 667
iPhone 5 640 x 1136 320 x 568
iPod
iPod Touch 640 x 1136 320 x 568
iPad
iPad Pro 2048 x 2732 1024 x 1366
iPad 3 и 4-го поколения 1536 x 2048 768 x 1024
iPad Air 1 и 2 1536 x 2048 768 x 1024
iPad Mini 2 и 3 1536 x 2048 768 x 1024
iPad Mini 768 x 1024 768 x 1024

Устройства Android

Узнать стоимость адаптации вашего сайта можете или в форме ниже

Оставить заявку

admin

Добавить комментарий

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