Баннер для сайта — это графический рекламный блок, размещаемый на веб-странице с целью привлечения внимания пользователей, передачи рекламного сообщения или навигации. Баннер может быть статичным, анимированным или интерактивным и должен соответствовать техническим требованиям площадки по размерам, весу и формату файла.
Стандартные размеры баннеров для сайта
Правильный выбор размера — первый шаг к тому, чтобы баннер корректно отображался на площадке. Большинство рекламных сетей и 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 (горизонталь) — это обязательное условие для корректного отображения.