12. Требования к BackGround баннерам

Начало | Требования к баннерам | 12. Требования к BackGround баннерам

Требования к BackGround баннерам

Background баннер позволяет на странице сайта заменить существующее фоновое изображение у тега body на новое, а также поменять цвет фона сайта. Для этого формата баннера нужно подготовить фоновое изображение (картинку), которое затем добавляется через интерфейс AdFox.

NB: Background баннер нельзя разместить на сайте с резиновой версткой, т.к. для такого сайта не возможно точно определить размеры фонового изображения.

Чтобы правильно подготовить фоновое изображение нужно учесть, что у каждого пользователя свое разрешение экрана, из-за чего фоновое изображение на различных экранах отображается по-разному.
Например, ширина сайта gzt.ru составляет 1000px. Создадим фоновое изображение размером 1800х1000px.
Фоновое изображение
На экранах с разным разрешением ширина сайта остается неизменной, а вот фоновое изображение при меньшем разрешении будет равномерно обрезано с левой и правой стороны. Ниже приведем пример этих различий для сайта gzt.ru.

Для разрешения 1280х768:

Для разрешения 1280x900:

Для разрешения 1360х768:

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

 

Размещение BackGround баннеров

Код вставки ставится на сайт после тега body. Если для верхнего левого элемента (обычно это div) не задан id, то это необходимо сделать для того, чтобы можно было правильно позиционировать кнопки перехода на сайт рекламодателя. Например, для сайта gzt.ru таким элементом будет div c id="header".




См. также: