Эра пост-ПК: Как интернет пережил расширение экранов и вернулся к 440 пикселям

Или: Почему ваш MacBook Pro за 3000 долларов показывает тот же сайт, что и смартфон за 300

🚛 Пролог: Транспортная аналогия

Представьте дорожное движение.

Легковые автомобили и электровелосипеды — их покупают почти все. Они удобны для повседневных задач: доехать до работы, заехать в магазин, отвезти ребёнка в школу. Это смартфоны.

Грузовики и фургоны — коммерческий транспорт. На них не ездят ради удовольствия, на них работают. Они перевозят тонны груза, но требуют специальных прав, парковки и навыков вождения. Это ноутбуки и настольные ПК.

Мотороллеры и квадроциклы — нишевый транспорт. Компактны, специфичны, имеют своих энтузиастов. На них можно и по городу проехать, и по лёгкому бездорожью. Но для серьёзных перевозок они не годятся. Это планшеты.

В 2026 году мы наблюдаем странную картину: грузовики продолжают возить тонны, легковушки заполонили всё, а квадроциклы ищут своего покупателя. Но главное — водители легковушек даже не знают, что их экраны давно ужаты до условных 440 виртуальных пикселей по ширине.

И это не баг, а фича.

📺 Пролог: Гонка разрешений, которая никому не нужна

Помните 2010-е? Мы гордились широкоформатными мониторами. 1920×1080 — стандарт. 2560×1440 — «ой, да у вас крутой монитор!». 3840×2160 (4K) — для избранных.

Дизайнеры рисовали сайты на ширину 1920px. Фреймворки типа Bootstrap предлагали сетку на 12 колонок. «Адаптивность» означала, что сайт будет нормально сжиматься до 1024px (планшеты) и 768px (телефоны).

Но реальность оказалась хитрее.

В 2026 году:

• Настольные мониторы стали шире, но пользователи всё чаще работают в оконном режиме — особенно при многозадачности, когда одновременно открыты браузер, мессенджер, почта и рабочие приложения.
  
• Ноутбуки (особенно MacBook Pro) получили физические экраны с разрешением 3024×1964, но macOS по умолчанию работает в масштабе 2:1, и веб-дизайнер видит… 1512×982 виртуальных пикселей.
  
• Планшеты захватили нишу «чтения длинных текстов» в портретной ориентации (3:4 или 2:3) — но только iPad и буквально пара брендов на Android делают такие экраны. Остальные планшеты на Android имеют жёстко прописанное соотношение 16:9, оптимизированное для видео.
  
• Смартфоны стали главным экраном для большинства пользователей, особенно для соцсетей и вертикального видео.
  

Ирония: мы пришли к тому, от чего уходили. Сайты снова верстаются на одну колонку. Главное разрешение — не 1920, не 2560, а условные 440px по ширине (виртуальные пиксели смартфона в портретной ориентации).

🖥️ Акт 1: Эра десктопа (1995–2010) — битва за пиксели

В начале интернета экраны были маленькими. 800×600, 1024×768. Сайты верстались фиксированной шириной, и пользователь скроллил по вертикали. Горизонтальный скролл считался моветоном.

Потом пришли широкоформатные мониторы. 1280×800, 1366×768, 1920×1080. Дизайнеры выдохнули: «Теперь есть место для контента!». Появились многоколоночные макеты, сложные сетки, сайдбары.

Ключевое: десктоп был главным. Планшеты и смартфоны считались «дополнительными устройствами».

📱 Акт 2: Эра мобильных (2010–2020) — адаптация и страдания

iPhone вышел в 2007-м, iPad — в 2010-м. Сначала сайты просто сжимались на маленьких экранах. Это было убого, но работало.

Потом придумали медиа-запросы (CSS3 Media Queries). Сайт сам подстраивался под ширину экрана. Эйфория!

А потом пришло осознание:

• На телефоне пальцем тыкать неудобно.
  
• Текст на 12px никто не читает.
  
• Кнопка «купить» должна быть внизу, а не в правом верхнем углу.
  

Так появился mobile-first — принцип, когда сайт сначала проектируется для смартфона, а потом «растёт» до планшета и десктопа.

📐 Акт 3: Виртуальные пиксели — великий обман

В 2010-е Apple выпустила Retina-дисплеи. Физическое разрешение выросло в 2-3 раза. Но сайты остались прежними.

Как так?

Виртуальный пиксель (CSS-пиксель) — это то, что видит браузер. Он не совпадает с физическим пикселем экрана.

Пример:

• MacBook Pro 16" (2023): физическое разрешение 3456×2234.
  
• Но в настройках macOS по умолчанию — масштабирование «Looks like 1728×1117».
  
• Браузер «думает», что ширина экрана — 1728px. Хотя физически пикселей в два раза больше.
  

Зачем это нужно? Чтобы элементы интерфейса (иконки, кнопки, шрифты) были физически больше, чем 1 физический пиксель. Иначе всё будет слишком мелко.

Ирония: вы купили монитор с 4K, а браузер рисует сайт на виртуальном разрешении 1080p (или около того). Потому что читать 8px шрифт невозможно.

📊 Акт 4: Реальность 2026 — главные разрешения

Устройство	Физическое разрешение	Виртуальное (CSS)	Ориентация	Использование
Смартфон	2400×1080	390×844 (iPhone 15)	Портретная (90% времени)	Соцсети, мессенджеры, короткие тексты, вертикальное видео
Планшет (iPad)	2360×1640	1180×820 (масштаб 2×)	Портретная для чтения, альбомная для видео	Длинные тексты, статьи, PDF, горизонтальное видео
Ноутбук (MacBook)	3024×1964	1512×982 (масштаб 2×)	Альбомная (всегда)	Работа, почта, сложные интерфейсы
Монитор (4K)	3840×2160	1920×1080 (масштаб 2×)	Альбомная	Профессиональная работа, гейминг

Вывод: пользовательский опыт не зависит от физического разрешения. Он зависит от виртуального и физического размера экрана (диагонали).

📈 Акт 5: Что говорят цифры о трафике

Согласно статистике Similarweb за февраль 2026 года, мобильный трафик составляет 66.1% от всего интернет-трафика в мире. Десктоп — значительно меньше. Планшеты — ещё меньше.

Но не спешите хоронить десктоп.

Десктоп не умер. Он изменил роль.

Платформа	Доля трафика	Типичное использование
Мобильные устройства	66.1%	Соцсети, мессенджеры, короткие тексты, вертикальное видео
Десктоп	~30%	Работа, сложные интерфейсы, многозадачность, глубокий анализ
Планшеты	~3-4%	Чтение, горизонтальное видео, специфические задачи

Японское исследование подтверждает: мобильные устройства приносят больше трафика, но десктоп — более вовлечённую аудиторию. Пользователи на десктопе проводят больше времени на сайте, их сложнее привлечь, но они глубже изучают контент.

Вывод: десктоп — не для «пролистывания», а для «погружения». Если у вас сложный продукт, требующий сравнения, анализа, заполнения форм — десктопная версия всё ещё критична.

🧠 Акт 6: Что люди делают на каждом устройстве

Смартфон (440–480px виртуальной ширины)

• Сценарии: соцсети, мессенджеры, короткие заметки, вертикальное видео.
  
• Чтение: коротких текстов (до 500 слов). Длинные статьи скроллят, но дочитывают редко.
  
• Тип контента: вертикальное видео, сторис, посты в Telegram/VK.
  

Планшет (768–1024px в портрете, 1024–1280px в альбоме)

• Сценарии: чтение длинных текстов (статьи, книги, PDF), просмотр горизонтального видео, веб-сёрфинг.
  
• Чтение: идеально для текстов 2000+ слов. Формат 3:4 или 2:3 близок к книжному.
  
• Важное уточнение: только iPad и буквально пара брендов на Android делают экраны с пропорциями 3:4 или 4:3. Большинство Android-планшетов имеют жёстко прописанное соотношение 16:9, оптимизированное для видео, а не для чтения.
  

Ноутбук/десктоп (1200–1920px)

• Сценарии: работа, сложные интерфейсы, многозадачность, глубокий анализ.
  
• Чтение: технической документации, длинных аналитических материалов.
  
• Почему не умирает: открыть 20 вкладок одновременно, сравнить 5 таблиц, написать ответ в CRM — на десктопе это делать всё ещё значительно удобнее.
  

📱 Акт 7: Многозадачность на планшетах — бутафория или необходимость?

Технологии есть, а удобство — не всегда

Современные операционные системы для планшетов формально поддерживают многозадачность:

• iPadOS — Split View (два приложения рядом), Slide Over (плавающее окно), Stage Manager (до 4 окон, свободное изменение размера).
  
• Android 16 — готовит режим гибкого разделения экрана для трёх приложений одновременно.
  
• Samsung DeX — режим рабочего стола с оконным интерфейсом, поддержка внешнего монитора.
  

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

На планшетах с диагональю 8–9 дюймов разделение экрана практически не имеет смысла. Приложения, изначально спроектированные для смартфонов, просто растягиваются, интерфейс остаётся мелким, работать неудобно.

Экран имеет значение

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

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

Исследования подтверждают: планшеты всё чаще покупают как замену ноутбукам, особенно в России, где продажи планшетов в 2025 году выросли до 2,2 млн штук. При этом основная причина экономическая: хороший планшет с клавиатурой можно купить за 20–25 тыс. рублей, тогда как ноутбук — за 50–80 тыс. Это не «удобство», а «вынужденная замена».

Планшеты как средство потребления, а не создания

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

Эльдар Муртазин, ведущий аналитик Mobile Research Group, отмечает: «С повседневными задачами планшеты справляются не хуже, но для обработки видео или запуска ресурсоёмких приложений всё ещё лучше подойдёт ноутбук».

Почему планшеты не стали полноценной заменой ПК?

1. Ограничения софта. Производители сознательно упрощают мобильные версии приложений. Например, Google Docs и Google Таблицы имеют меньше функций на планшетах, чем в десктопном браузере. Chrome для Android не поддерживает расширения.

2. Экосистемная политика. Компании вроде Apple, Google и Microsoft проектируют свои экосистемы так, чтобы компьютер оставался центральным устройством, упрощая мобильный опыт и не допуская каннибализации.

1. Ограничения софта. Производители сознательно упрощают мобильные версии приложений. Например, Google Docs и Google Таблицы имеют меньше функций на планшетах, чем в десктопном браузере. Chrome для Android не поддерживает расширения.
   
2. Экосистемная политика. Компании вроде Apple, Google и Microsoft проектируют свои экосистемы так, чтобы компьютер оставался центральным устройством, упрощая мобильный опыт и не допуская каннибализации.
   
3. Работа с файлами и окнами. Полноценное управление окнами, работа с файловой системой, одновременное использование множества приложений — это всё ещё территория десктопа.
   
4. Создание контента требует точности. Писать сценарии, верстать страницы, монтировать видео с глубокими настройками на сенсорном экране можно, но нужна ли вам эта боль?
   

Вывод: Планшеты с 11–13-дюймовыми экранами и клавиатурами — это отличные компаньоны для лёгкой работы. Но для всего, что сложнее почты и заметок, полноценным рабочим инструментом остаётся компьютер с внешней клавиатурой и мышью.

🎬 Акт 8: Вертикальное vs горизонтальное видео — битва форматов

В 2026 году вертикальное видео стало доминирующим форматом для мобильных платформ. И вот почему:

Цифры, которые нельзя игнорировать

• 94% пользователей держат смартфон вертикально при просмотре видео.
  
• Вертикальные видео получают до 4 раз больше вовлечённости на мобильных устройствах по сравнению с горизонтальными.
  
• Вертикальный формат обеспечивает на 90% выше процент досмотра (watch completion rate).
  
• Для рекламы: вертикальные видео дают в 2 раза выше CTR и ROAS на Facebook по сравнению с горизонтальными.
  

Почему вертикальное видео побеждает

1. Удобство потребления. Пользователь не поворачивает телефон. Видео занимает весь экран, нет чёрных полос по бокам.
   
2. Алгоритмы платформ. TikTok, Instagram Reels, YouTube Shorts — все они отдают приоритет вертикальному контенту.
   
3. Вовлечённость. Полноэкранный режим без отвлекающих элементов удерживает внимание дольше.
   

Но это не значит, что горизонтальное видео умерло

Где выигрывает горизонталь:

• Кино, сериалы, профессиональный контент. Стандарт 16:9 остаётся индустриальным стандартом.
  
• Детальный обзор. Если нужно показать сложную сцену с множеством объектов, горизонталь даёт больше полезной площади.
  
• Smart TV и проекторы. Там вертикальное видео выглядит нелепо.
  

Ирония: горизонтальное видео — для вдумчивого просмотра на большом экране. Вертикальное — для «убийства времени» в ленте. И то, и другое имеет право на жизнь.

Что с планшетами

Планшеты — гибридное устройство:

• В портретной ориентации (3:4 или 2:3) — идеальны для чтения.
  
• В альбомной ориентации (4:3 или 16:9) — для горизонтального видео.
  

Но большинство Android-планшетов (кроме iPad и флагманов Samsung) имеют жёсткое соотношение 16:9, что делает их неудобными для чтения. Это важно помнить, если ваша аудитория — владельцы таких устройств.

🔮 Акт 9: Прогнозы — куда всё идёт

1. Сайты будут верстаться под смартфоны, а потом «расти» до десктопа

Mobile-first окончательно победил. Даже сложные интерфейсы проектируются сначала для 440px. Десктопная версия — это «более широкая колонка».

2. Десктоп не умрёт — он изменит роль

Десктоп останется для работы и глубокого анализа. Открыть 20 вкладок, сравнить таблицы, заполнить сложную форму — это всё ещё удобнее на большом экране. Доля десктопного трафика стабильно держится около 30%.

3. Вертикальное видео станет ещё более доминирующим

Короткие вертикальные ролики — это формат «быстрого потребления». Горизонтальное видео останется для кино, образования и профессионального контента.

4. Планшеты останутся нишевым продуктом

iPad занимает чуть больше 50% мирового рынка планшетов. Остальные — Android с разными пропорциями экранов. Планшеты не умрут, но и не станут массовым «устройством для всех». Их удел — чтение, видео и специфические задачи (дизайн, ноты).

5. Виртуальные разрешения продолжат обманывать пользователей

4K-монитор будет показывать сайт как 1080p. Потому что так удобнее. А производители дисплеев будут продавать «удивительную чёткость» иконок, а не контента.

🎯 Акт 10: Что это значит для веб-разработчиков и владельцев сайтов

1. Верстайте сначала для смартфона. Десктоп — это «план Б», но без него не обойтись, если у вас сложный продукт.
   
2. Не гонитесь за «шириной 1920px». Пользователи не обязаны разворачивать окно на весь экран, особенно если занимаются многозадачностью.
   
3. Учитывайте виртуальные пиксели. То, что на вашем 4K-мониторе выглядит идеально, на MacBook может быть мелковато.
   
4. Планшетная версия — опциональна. Если ваша аудитория не читает длинные тексты, можно обойтись адаптивом под смартфон и ноутбук. И помните: только у iPad и некоторых флагманов пропорции 3:4 или 4:3.
   
5. Видео — отдельная история. Если вы делаете видео для соцсетей — снимайте вертикально. Если для сайта или YouTube — горизонтально. Не пытайтесь одним форматом закрыть всё.
   

🧾 Эпилог: Форма следует за контентом, а контент — за пользователем

Эра пост-ПК наступила незаметно. Мы перестали загонять сайты в «стандартные разрешения». Мы перестали верить, что 4K-монитор сделает сайт лучше. Мы поняли, что пользователь сам выбирает устройство под задачу.

Вернёмся к транспортной аналогии.

• Смартфоны (легковушки) — массовый сегмент. На них большинство передвигается по городу. Они удобны, доступны, но не для перевозки тонн груза.
  
• Ноутбуки и ПК (грузовики и фургоны) — инструмент для работы. Их покупают те, кому нужно перевозить серьёзные объёмы. Они не для развлечения, а для дела.
  
• Планшеты (мотороллеры, квадроциклы) — нишевый транспорт. У них есть свои энтузиасты, свои задачи, но массовым продуктом они не стали и вряд ли станут.
  

Планшет — для чтения (если это iPad или флагманский Android).
Смартфон — для соцсетей и вертикального видео.
Ноутбук — для работы.
Большой монитор — для профессионалов.

И наша задача — не пытаться «оптимизировать под все разрешения». А дать пользователю контент, который он захочет потреблять на своём устройстве.

Потому что если контент не нужен — не поможет ни 4K, ни адаптив, ни идеальная вёрстка.



P.S.
А если вы всё ещё думаете, что ваш сайт должны смотреть на 1920px с 120 FPS, — откройте статистику своего же проекта. Посмотрите на долю мобильного трафика. Спойлер: скорее всего, она превышает 60%. И это не изменится. 😏

P.P.S.
В следующей статье разберём, как проектировать интерфейсы для вертикального видео и почему горизонтальный ролик на смартфоне — это преступление против пользователя (если только вы не снимаете кино).