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

4 в 2 ряда с текстом внутри и слева

Ширина сайта	Размер изображений
1700 px	500 x 360 px
1500 px	440 x 360 px
1348 px	396 x 360 px
1200 px	350 x 360 px

Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 40-50 px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

4 в ряд с текстом сверху

Ширина сайта	Размер изображений
1700 рх	482 x 413 px
1500 рх	422 x 360 px
1348 рх	376 x 322 px
1200 рх	330 x 283 px

Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 40-50px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

3 в ряд комбинированный

Ширина сайта	Размер изображений
1700 рх	500x494px
1500 рх	440x453px
1348 рх	395x322px
1200 рх	351x391px

Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху и снизу в картинке лучше сделать отступы по 50-60px от объекта. Расстояние зависит от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.

4 элемента в ряд с текстом внизу

Ширина сайта	Размер изображений	Отступ сверху
1700 рх	401 х 264 рх	45-50 рх
1500 рх	351 х 231 рх	40-45 рх
1348 рх	313 х 206 рх	35-40 рх
1200 рх	276 х 182 рх	30-35 рх

Рекомендуем добавлять картинки в формате PNG с прозрачностью. Сверху в картинке лучше сделать отступ от объекта, в зависимости от ширины сайта. Исходя из решений дизайнера и объекта на картинке, вы можете добавить или убрать отступы по бокам.