Какого размера обложку использовать для Первого экрана?

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

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

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

Пример того, как будет отображаться одна и та же обложка на разных устройствах:

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

Вы можете отталкиваться от экрана монитора размера 1980px на 1080px.