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

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

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

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

Самый универсальный размер по данным 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%.

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

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

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

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

• Цветовая модель: 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 (горизонталь) — это обязательное условие для корректного отображения.