Обновить

Размеры экранов

СмартфоныПланшеты
Tutorial
Планшеты и смартфоны оснащаются экранами с разными соотношениями сторон и разной плотностью пикселей, однако эти параметры редко указываются в технических характеристиках.

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



Обратите внимание, насколько экран 8" с соотношением сторон 4:3 визуально больше широкого экрана 7". А широкий экран 10.1" на сантиметр меньше экрана 9.7" по высоте.

Я свёл в таблицу параметры экранов, чаще всего использующихся в планшетах.



Текст на экранах с низким PPI (количеством точек на дюйм) читается не комфортно. Я бы не стал покупать планшет с экраном, имеющим PPI ниже 150. Даже 164 PPI экрана iPad mini многим кажутся недостаточными. Отлично воспринимаются экраны с PPI больше 200.

Для меня было большим открытием, что экран 9.7" 1024x768 имеет даже меньшее PPI, чем экран 7" 800x480.


В современных смартфонах используются экраны с разными соотношениями сторон (3:2, 5:3, 16:9), однако все они довольно близки. На картинке я проиллюстрировал соотношение размеров экранов с одинаковой диагональю и разными соотношениями сторон.



Таблица экранов, используемых в смартфонах, выглядит внушительно.



Как можно увидеть из таблицы, экранов с низким PPI совсем немного. Конечно, не стоит покупать смартфон с экраном, имеющим плотность пикселей ниже 170 PPI. Но опять же лучше, чтобы эта цифра была выше 200.

У подавляющего большинства экранов пиксель квадратный, поэтому соотношение сторон экрана можно вычислить, зная количество точек в ширину и в высоту. Есть лишь два исключения — «неправильные» экраны планшетов с прямоугольными пикселями — 800x480 (должно было бы быть 800x500) и 1024x600 (правильно было бы 1024x640).

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

Таблицы в файле excel: nadezhin.ru/lj/ljfiles/screen.xls

upd.: Таблицы разрешений и ppi множества устройств: en.wikipedia.org/wiki/List_of_displays_by_pixel_density

Калькулятор ppi: members.ping.de/~sven/dpi.html.
Теги:экрансмартфонпланшетppi
Хабы: Смартфоны Планшеты
Рейтинг +137
Количество просмотров 290,2k Добавить в закладки 733
Комментарии
Комментарии 69

Похожие публикации

Удаленный UX/mobile дизайнер
от 120 000 ₽Juice TeamМожно удаленно
PHP-разработчик
от 140 000 ₽ХабрМоскваМожно удаленно
Senior QA (Remote) в европейский Computer Graphics проект
от 2 500 €Anchous Drive RecruitmentМожно удаленно
QA-специалист
от 60 000 до 90 000 ₽JustWorkМожно удаленно
Программист 1С
от 70 000 ₽ООО "Форвард"Москва

Лучшие публикации за сутки