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

Полезное

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

Стандартные размеры баннеров для сайта

Правильный выбор размера — первый шаг к тому, чтобы баннер корректно отображался на площадке. Большинство рекламных сетей и CMS-систем ориентируются на стандарты IAB (Interactive Advertising Bureau). Ниже представлены актуальные размеры, которые остаются востребованными в 2025–2026 годах:

Название формата
Размер (px)
Где используется

Leaderboard
728 × 90
Шапка сайта, над контентом

Medium Rectangle
300 × 250
Сайдбар, внутри статей

Large Rectangle
336 × 280
Внутри контента, блог

Half Page
300 × 600
Правый сайдбар, порталы

Billboard
970 × 250
Широкая шапка сайта

Wide Skyscraper
160 × 600
Боковая колонка

Mobile Banner
320 × 50
Мобильные устройства

Large Mobile Banner
320 × 100
Мобильные устройства

Самый универсальный размер по данным Google Ads на 2025–2026 год — 300 × 250 px (Medium Rectangle): он занимает наибольшую долю показов среди всех форматов — около 40%.

Допустимый вес баннера

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

Статичный баннер (JPEG, PNG): не более 150 КБ — стандарт большинства площадок
Анимированный GIF: не более 200 КБ
HTML5-баннер: начальная загрузка — не более 150 КБ; суммарный вес с подгружаемыми ресурсами — не более 2,2 МБ (требование Google Display Network)
Видеобаннер (MP4): не более 1 МБ для автовоспроизведения, до 30 МБ для кликабельного видео
Адаптивный баннер (Responsive Display Ads): изображение до 5 МБ, но оптимально — до 1 МБ

Рекомендуется всегда сжимать изображения перед загрузкой. Для PNG отлично подходят сервисы TinyPNG или Squoosh, для JPEG — JPEGmini. Потеря качества при грамотном сжатии минимальна, а вес файла снижается на 40–70%.

Форматы файлов для баннеров

Выбор формата зависит от типа баннера — статичный, анимированный или интерактивный. Каждый формат имеет свои преимущества и ограничения:

Формат
Тип баннера
Преимущества
Ограничения

JPEG / JPG
Статичный
Малый вес, фото без прозрачности
Потери качества при сжатии

PNG
Статичный
Прозрачность, чёткие края
Больший вес, чем JPEG

GIF
Анимированный
Широкая поддержка браузеров
Только 256 цветов, крупный вес

HTML5 (ZIP)
Интерактивный / анимированный
Гибкость, анимация CSS/JS
Требует верстки, ограничения по сетям

WebP
Статичный / анимированный
На 25–35% легче PNG/JPEG
Поддерживается не всеми площадками

SVG
Статичный / векторный
Масштабирование без потерь
Не поддерживается в большинстве рекламных сетей

Технические требования к изображениям

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

Цветовая модель: RGB (не CMYK — для экранного отображения)
Разрешение: 72–96 DPI для экранов, 144+ DPI для Retina-дисплеев (рекомендуется делать в 2× разрешении)
Шрифты: должны быть растеризованы или встроены в HTML5-баннер
Минимальный размер текста: не менее 14 px для читаемости на мобильных устройствах
Анимация: время воспроизведения — не более 30 секунд; цикл — не более 3 повторений (требование Google)
Кликабельная зона: должна охватывать весь баннер или чётко выделенную кнопку CTA

Особенности подготовки HTML5-баннеров

HTML5-баннеры считаются наиболее функциональным форматом. При их подготовке необходимо учитывать следующее:

Баннер упаковывается в ZIP-архив с файлом index.html в корне
Все ресурсы (шрифты, изображения, JS) должны быть локальными или загружаться с whitelisted-доменов
Не допускается автовоспроизведение звука
Все внешние запросы необходимо согласовать с рекламной площадкой
Рекомендуется использовать Google Web Designer или Animate CC для создания
Итоговый ZIP-архив для Google Display Network: не более 150 КБ

Чек-лист перед загрузкой баннера

Перед публикацией баннера обязательно проверьте каждый пункт этого списка — это позволит избежать отклонения материала со стороны рекламной сети.

✔ Размер соответствует требованиям площадки
✔ Вес файла не превышает допустимый лимит
✔ Формат файла поддерживается системой
✔ Цветовой профиль — RGB
✔ Текст читаем, шрифт достаточного размера
✔ Присутствует призыв к действию (CTA)
✔ Анимация не превышает 30 секунд и 3 цикла
✔ Баннер протестирован на мобильных и десктопных устройствах
✔ Ссылка назначения рабочая и ведёт на правильную страницу

Адаптация баннера под мобильные устройства

В 2025–2026 годах доля мобильного трафика в интернете превышает 62% по данным Statista. Это означает, что игнорировать мобильную оптимизацию баннеров нельзя. Ключевые рекомендации:

Используйте форматы 320 × 50 и 320 × 100 для мобильной рекламы
Минимизируйте количество текста — на маленьком экране он плохо читается
Кнопка CTA должна быть не менее 44 × 44 px (стандарт Apple HIG)
Избегайте мелких деталей — они теряются на экранах до 5 дюймов
Для адаптивных кампаний в Google Ads загружайте изображения в соотношениях 1:1 (квадрат) и 1,91:1 (горизонталь) — это обязательное условие для корректного отображения.