Размеры баннеров

Происхождение и история термина

В истории стандартизации баннеров менялся сам способ задания размеров. Руководство IAB Tech Lab, опубликованное в июле 2017 года, описало переход к гибким форматам: вместо единственной пары пиксельных размеров задаются пропорции, сохраняемые при изменении доступного пространства. Это позволяло связывать рекламный формат с разными экранами и адаптивной страницей, которая перестраивается под доступную ширину. ^[1]

Переход не означал мгновенной отмены фиксированных блоков: руководство предусматривало их сосуществование с новыми форматами. На странице портфеля IAB Tech Lab, обновлённой 7 февраля 2024 года, по-прежнему представлены обе группы спецификаций. ^[1] Поэтому название отраслевого стандарта само по себе не определяет, какой файл примет выбранная площадка. Историческая веха здесь — развитие способа описывать размер, а не установленная дата первого употребления слов «размер баннера».

Суть и механизм

У размера есть объект измерения. Блок — место, отведённое объявлению. Растр — изображение, составленное из сетки пикселей. Соотношение сторон — ширина, делённая на высоту; оно описывает форму. IAB использует это отношение для гибких форматов, а Яндекс показывает, как одному блоку могут соответствовать увеличенные растры. ^{[1] [3]}

В учебном примере редакции блок имеет размер 300×250. Деление обеих сторон на 50 даёт отношение 6:5. Изображения 600×500 и 900×750 имеют ту же форму, но разное число пикселей. Сама операция увеличения растра не меняет согласованную геометрию рекламного места.

Отдельно нужно понимать единицу CSS px, которой задают размеры элементов веб-страницы. Она не обязана совпадать с одной аппаратной точкой экрана: это различие описывает спецификация CSS Values and Units. ^[5] Медиаусловие CSS resolution проверяет плотность точек устройства относительно единиц CSS с учётом масштаба страницы. ^[4] Следовательно, слова «размер в пикселях» без уточнения объекта недостаточны для технического задания.

Документы W3C, используемые здесь, имеют статус проектов: Media Queries Level 4 — Candidate Recommendation Draft от 19 февраля 2026 года, CSS Values and Units Level 4 — Working Draft от 12 марта 2024 года. ^{[4] [5]} Они объясняют устройство веб-единиц, а не устанавливают правила приёма рекламы.

Виды и классификации

IAB различает фиксированные и гибкие размеры. Гибкий формат связан с отношением сторон и диапазоном размеров, а не с одной неизменной парой чисел. ^[1] Это классификация способа задания геометрии.

Для подготовки макетов удобно добавить две авторские оси описания: форму и устройство материала. По форме можно различать горизонтальные, вертикальные и квадратные композиции; по материалу — статическое изображение, анимацию и программный креатив. Эти рабочие группы не заменяют названия и требования рекламной системы.

Исходный макет также стоит отделять от экспорта — готового файла для передачи. В предлагаемой процедуре проверяют именно экспорт: параметры холста в редакторе ещё не фиксируют свойства того файла, который исполнитель фактически отправит.

Как применяется на практике

Начните с таблицы размещений: площадка, тип объявления, размер блока, принимаемые размеры файла, формат и предельный вес, ссылка на справку и дата её проверки. Разница между двумя системами видна на небольшом примере. Таблица ниже относится к разделам справок на 29 октября 2026 года, а не ко всем их рекламным продуктам.

Из этой таблицы не следует, что файл 600×500 подойдёт Google вместо 300×250. Рекомендация Яндекса относится к его графическим креативам; условия загрузки Google нужно читать отдельно. ^{[2] [3]} Ограничения интерактивного HTML5-архива тоже нельзя брать вместо требований к обычному изображению: это другой вид материала.

Далее соберите семейство композиций. В учебном сценарии редакции для горизонтального макета изображение товара расположено рядом с текстом, а для вертикального — над ним. Такое изменение проверяют в размере предполагаемого показа: помещается ли заголовок, различим ли товар, не теряется ли главное сообщение. Это редакционная процедура проверки, а не установленная норма площадки.

После экспорта сверьте фактическую ширину, высоту, формат и вес готового файла с записанными условиями. Если материал исправили и выгрузили заново, повторите проверку для новой версии. В рабочем журнале полезно хранить имя проверенного файла: так согласование относится к определённому результату, а не к неопределённому «последнему макету».

Как измерить или проверить

Для целочисленных сторон сокращённое отношение получают делением ширины и высоты на их наибольший общий делитель — самое большое целое число, на которое обе стороны делятся без остатка. В учебном расчёте для 728×90 это число равно 2, поэтому отношение составляет 364:45.

При масштабировании с сохранением формы обе стороны умножают на один коэффициент. Учебный пример: 320×100 при коэффициенте 2 превращается в 640×200. Исходное произведение сторон равно 32 000, конечное — 128 000: количество пикселей растра увеличилось вчетверо. Здесь подсчитаны элементы сетки, а не килобайты; вес экспортированного файла проверяется отдельно.

Мини-инструмент «Геометрия баннера» принимает целые стороны от 1 до 100 000 и коэффициент от 0,1 до 10. Коэффициент может быть дробным, с точкой или запятой и не более шестью цифрами после разделителя. Итоговые стороны растра должны оказаться целыми точно: например, для 300×250 коэффициент 1,5 даёт 450×375, а для 301×250 тот же коэффициент недопустим, поскольку ширина получилась бы дробной.

Калькулятор показывает сокращённое отношение, произведение исходных сторон и размеры экспорта. Его пределы ввода установлены для этой учебной модели и не являются лимитами рекламной сети. Кнопка сброса возвращает исходный пример и убирает предыдущий результат.

Ошибки, ограничения и спорные вопросы

Задание «сделать большой баннер» не позволяет выбрать экспорт: сначала уточните размер места и требования к материалу. Отдельно запишите критерии читаемости, которые проверите на макете.

Изменение только одной стороны меняет отношение ширины к высоте. Поэтому при переходе в другой формат нужно решить, какие элементы переставить или обрезать, вместо автоматического растяжения всей композиции. Увеличение числа пикселей само по себе не оценивает читаемость: калькулятор вообще не получает изображение и не анализирует его содержание.

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

Частые вопросы

Связанные термины