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

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

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

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

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

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

Чтобы учесть различные размеры экранов (от самых больших до самых маленьких), вы можете отталкиваться от экрана монитора размера 1980px на 1080px.