Шапки для сайта картинки: Фон для шапки сайта — 44 фото

Главная страница

1. Главный баннер

Допустимые форматы изображений: jpg, png, gif.

Размеры баннера

Баннер с шапкой № 1 — 1920 x 685 px.
Баннер с шапкой № 2, 14 — 1920 x 599 px.
Баннер с прозрачной шапкой № 3, 4, 5, 6, 7 — 1920 x 685 px.
Баннер с шапкой № 8 — 1920 x 587 px.
Баннер с шапкой № 9, 10, 11, 12 — 920 x 550 px.
Баннер с шапкой № 13 — 1920 x 540 px.

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

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

2. Главный баннер (составной)

Допустимые форматы изображений для фона — jpg, png, gif. Допустимые форматы изображений для активной картинки — png. Изображение будет накладываться на фон с середины. Вы можете занять плавающей картинкой все свободное пространство до правого края фонового изображения (максимальная ширина будет составлять 960 px) или какую-то его часть.

Размеры составного баннера

Баннер с шапкой № 1, 2, 14:

• фон — 1920 x 599 px;
• активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с прозрачной шапкой № 3, 4, 5, 6, 7:

• фон — 1920 x 685 px;
• активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с шапкой № 8:

• фон — 1920 x 587 px;
• активная картинка: максимальная ширина — 960 px, оптимальная высота — 550 px.

Баннер с шапкой № 9, 10, 11, 12:

• фон — 1920 x 550 px;
• активная картинка: максимальная ширина — 960 px, оптимальная высота — 500 px.

Баннер с шапкой № 13:

• баннер + шапка — 1920 x 685 px;
• фон — 1920 x 685 px;
• активная картинка: максимальная ширина — 960 px, оптимальная высота — 500 px.

Обратите внимание, что шапка сайта № 13 закроет баннер сверху на 146 px.

3. Плавающие баннеры

Допустимые форматы изображений — jpg, png, gif.

• Узкие горизонтальные — 600 x 400 px.

• Узкие вертикальные — 600 x 400 px.

• Широкие — 1200 x 400 px.

4. О компании

Допустимые форматы изображений — jpg, png, gif.

Ширина — максимум 960 px. Оптимальная высота — исходя из размеров текста.

Размер фона

Ширина — 1920 px. Высота — исходя из размеров текста. В нашем случае — 600 px.

Допустимые форматы изображений для фона: jpg, png, gif.

Размер активной картинки

Ширина — максимум 960 px.
Оптимальная высота — исходя из размеров текста. В нашем случае — 540 px.

Допустимый формат изображения — png.


5. Преимущества на главной

Рекомендуемые расширения для преимуществ на главной странице сайта: svg, jpg, png, gif.

Оптимальный размер картинок — 50 x 50 px.






6. Информационный блок

Допустимые форматы изображений для фона: jpg, png, gif.

Размер картинки может быть любой, но в пределах 222 x 244 px.





Шапка сайта. Типовое решение «GS: Atelier

org/BreadcrumbList»>
• Главная
• Документация
• Типовое решение «GS: Atelier — Сайт ателье»
• Шапка сайта

Большая часть элементов в шапке сайта представлена включаемыми областями. Исключение: кнопка «Записаться на сервис», Форма поиска, Заказать звонок.

Включаемые области

1. Адрес компании
2. Email
3. Картинка логотипа
4. Текст логотипа
5. Текст о компании
6. Телефон
7. График работы

Редактирование включаемых областей

Для редактирования включаемой области можно воспользоваться нашей инструкцией: Редактирование включаемых областей

1. Адрес компании

2. Email

Email необходимо изменить в двух местах.

3. Картинка логотипа

Вместо данного кода вы можете прописать путь к своему изображению. Предварительно изображение необходимо подготовить (оптимизировать, подобрать размер) и загрузить на сайт. Все изображения рекомендуется загружать в корень сайта в папку images.

Предположим у вас есть изображение логотипа с именем logo.png

Во включаемой области вместо <i aria-hidden=»true»></i> вы можете прописать следующий код:

<img src=»/images/logo.png» alt=»Ваша компания» title=»Ваша компания»>

Для загрузки изображения:

1. Переходим во вкладку Администрирование

2. Контент — Структура сайта — Файлы и папки — images (если папки images нет, её необходимо создать)

3. Загружаем файл logo.png в папку images

Отредактировать размер и расположение картинки логотипа относительно других элементов в шаблоне можно в файле стилей style.css.

4. Текст логотипа

Если в логотипе предполагается только картинка, то текст логотипа можно удалить.

5. Текст о компании

6. Телефон

7. График работы

Элементы шапки редактируемые через шаблон

1. Кнопка «Оставить заявку»
2. Ссылка «Заказать звонок»
3. Форма поиска на сайте

1. Кнопка «Оставить заявку»

Отредактировать кнопку можно в коде шаблона сайта.

Вместо <?=GetMessage(«HEADER_ZAYVKA»)?> вы можете указать свой текст ссылки.

2. Ссылка «Заказать звонок»

Отредактировать код ссылки «Заказать звонок» можно в коде шаблона сайта.

Вместо <?=GetMessage(«CALLBACK»)?> вы можете указать свой текст ссылки.

3. Форма поиска на сайте

Отредактировать форму поиска можно в коде шаблона сайта.

лучших 500+ изображений в заголовках | Скачать бесплатные изображения на Unsplash

Best 500+ Header Pictures | Download Free Images on Unsplash
• A photoPhotos 536
• A stack of photosCollections 2. 6k
• A group of peopleUsers 4

header images

background

wallpaper

person

writing

website

Unsplash logo

Unsplash+

В сотрудничестве с Чарльзом Эторомой

Unsplash+

Разблокировать

malemansuit

Joanna Kosinska

Hq фоновые изображенияHd желтые обоиHd дизайн обои

–––– –––– –––– – –––– – –––– –– – –– –– –– – – –– ––– –– –––– – –.

Patrick Tomasso

HD Grey Wallpapershd Water Walpapersea

Benjamin Wedemeyer

österReichLeaderLandScape Изображения и картинки

Damian Zaleski

MarketingWork -Plassblog

Damian Zaleski

.0011 Unsplash logo

Unsplash+

In collaboration with Ahmed

Unsplash+

Unlock

Best soccer picturesboyFootball images

Hd abstract wallpapersgulf of mexicoEarth images & pictures

Clark Tibbs

motivationHd neon wallpapersHd black wallpapers

Priscilla Du Preez

weathermistcold

Super Snapper

HD обои для компьютераHd обои для macbookmacbook pro

Tengyart

Nature Imagesspace Images & PicturesUniverse

UNSPLASH LOGO

UNSPLASH+

В сотрудничестве с Nathan Watson

UNSPLASH+

Разблокировать

3D Renderhd 3D WallPaperSe Whalperse

1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111Р1н. images

deskofficeHd пастельные обои

JESHOOTS.COM

businessstudytech

Дэвид Мартин

Артур Равенел мл. bridgecharlestonunited states

Unsplash logo

Unsplash+

In collaboration with Mushaboom Studio

Unsplash+

Unlock

Hd laptop wallpapersheader imagelooking down

Edgar Chaparro

Beach images & picturesItaly pictures & imagespositano

malemansuit

marketingworkblog

Best soccer фотомальчикФутбол фото

туманхолод

Природа фотографииКосмос фотовселенная

Hd белый фоткиТекстура фоныБумажные фоны –– – –– –––– – – –– ––– –– –––– – –.

Hq фон фотографииHd желтые картинкиHd обои дизайн

Hd серые картинкиHd обои водаморе

österreichleaderПейзаж фото

Написание Whebsite Founksbook Images & Photos

HD Abstract Walpapersgulf of Mexicoearth Images & Pictures

Мотивация.