🖥 Почему для PC‑макета мы просим 1600?

Нас часто спрашивают дизайнеры: почему лучше рисовать десктоп именно на 1600, а не на 1440, 1366 или 1920?

Короткий ответ: для флюидной вёрстки это самая удобная точка отсчёта.

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

Обычно нам хватает трёх точек:
📌 1600 для PC
📌 768 для планшета
📌 390 для мобильной версии

Почему именно 1600?
Потому что это золотая середина, которая даёт адекватные пропорции при растягивании и сжатии экрана.

Смотрите, как это работает на практике:
• Если взять за базу 1280, то при просмотре на мониторе 1920 все элементы увеличатся в полтора раза — интерфейс станет гигантским. Придётся добавлять новые брейкпоинты, чтобы это успокоить.
• Если верстать от 1920, то на экранах компактных ноутбуков (1366px) всё сожмётся почти на треть и станет слишком мелким.

При базе 1600 мы получаем комфортный баланс. На широких мониторах контент не раздувается до неадекватных размеров, а на небольших ноутбуках остаётся читаемым и аккуратным.

Конечно, дизайнеры часто отдают макеты в 1366 и 1920. С этим тоже можно работать: верстать от 1366 и корректировать отступы на 1920. Но если на 1920 реально меняется сетка и композиция — это уже отдельная полноценная вёрстка.

Для большинства лендингов 1600 закрывает десктоп без лишних костылей и новых состояний.

А в следующем посте мы отойдём от пикселей и разберём, почему такую вёрстку гораздо удобнее и быстрее собирать в rem. 🧮