---
source: https://yandex.ru/support/direct/ru/fixed-cpm-campaigns/product-yandex-services/requirements-ya
---


# Требования к баннерам на сервисах Яндекса

- [Технические требования к графическому баннеру](../../fixed-cpm-campaigns/product-yandex-services/requirements-ya.md#graf-req)
- [Технические требования к HTML5-баннеру](../../fixed-cpm-campaigns/product-yandex-services/requirements-ya.md#tec-requirements)
- [Требования к оформлению](../../fixed-cpm-campaigns/product-yandex-services/requirements-ya.md#design-requirements)

Вы можете загрузить графический или HTML5-баннер.

## Технические требования к графическому баннеру

|  |  |
| --- | --- |
| Размер в пикселях | 300 × 600, 240 × 400, 300 × 250, 300 × 300 |
| Максимальный вес файла | 512 КБ |
| Формат | JPG, PNG или GIF |

Размеры графического креатива в пикселях могут быть больше в два или три раза.

## Технические требования к HTML5-баннеру

HTML5-баннер — это ZIP-архив, содержащий один файл HTML и файлы JavaScript, JSON, CSS, JPEG, GIF, PNG, SVG.

|  | **Баннер на сервисах Яндекса** | **Баннер на сервисах Яндекса. Мобайл** | **Баннер на сервисах Яндекса. Кросс** |
| --- | --- | --- | --- |
| **Размер в пикселях** | 2 креатива: 300 × 600, 240 × 400 | 2 креатива: 300 × 250, 300 × 300 | 4 креатива: 300 × 600, 240 × 400, 300 × 250, 300 × 300 |
| **Максимальный вес** | 512 КБ | 512 КБ | 512 КБ |
| **Формат** | HTML5 | HTML5 | HTML5 |

Архив и файлы в HTML5-баннере должны соответствовать требованиям:

1. В названиях файлов и каталогов можно использовать только буквы латинского алфавита, цифры и символы `-._~`.
2. Все ссылки в HTML5-баннере должны быть относительными и вести на другие файлы из архива.
3. В архиве может быть не более 20 файлов. Включите исходный код из файлов JavaScript, CSS, SVG в HTML-файл, а все растровые изображения объедините в один файл (атлас спрайтов).
4. Максимальный вес файла `index.html` в архиве должен быть меньше 150 КБ. Максимальный вес самого архива — 512 КБ.
5. В архиве будет игнорироваться содержимое папки \_\_MACOSX и файлы .DS\_Store, Thumbs.db. Это вспомогательные файлы операционных систем, которые не нужны для работы HTML5-баннера.
6. По клику на баннер будет открываться страница, указанная в поле **Ссылка на сайт**, мобильное приложение (если оно установлено) или страница приложения в магазине (если приложение не установлено). Переход на эту страницу должен генерироваться в баннере вызовом метода `yandexHTML5BannerApi.getClickURLNum(1)`.

   ```
   <a id="click_area" href="#" target="_blank">...</a>
   // после элемента "<a href ...></a>"
   // присваиваем для него значение атрибута href так:
   <script>
      document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1);
   </script>
   ```
7. Допускаются баннеры следующих размеров: 240 × 400, 300 × 250, 300 × 300, 300 × 600.
   Размер баннера укажите в элементе `<meta>`:

   ```
   &lt;meta name=&quot;ad.size&quot; content=&quot;width=300,height=250&quot;&gt;
   ```
8. Разрешаются внешние вызовы [JavaScript-библиотек, размещенных на серверах Яндекса](https://tech.yandex.ru/jslibs/). Если в HTML5-баннере используется другая библиотека, включите ее исходный код в архив.
9. Все обработчики событий должны быть явно указаны внутри тега `script`, например:

   ```
   <script>
   document.onload = init;
   </script>
   ```
10. В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.
11. В баннере медийной кампании не должны использоваться инструменты сбора статистики (пиксели, счетчики и прочие).
12. В баннер можно добавить управляющую кнопку **Посмотреть еще раз**, нажатие на которую приведет к повторному запуску сценария.

[Рекомендации к отображению HTML5-баннеров](../../moderation/technical-restrictions.md#html5-recomended)

## Требования к оформлению

Баннер не должен мимикрировать под оформление площадки (нельзя использовать фирменные цвета, элементы интерфейса. Креатив не должен сливаться с фоном сайта).

Примечание

Если в параметрах баннера включено отображение метки «Реклама», метка будет отрисована в верхнем левом углу. Размер метки — 54 × 12 пикселей c отступами по 4 пикселя сверху и слева.

Для Директа рекомендуется не занимать поле слева сверху 65 × 30 пикселей.

Пример

Дополнение к оформлению всех рекламных позиций (баннеров) на Кинопоиске

В оформлении рекламных позиций (баннеров) запрещается использование градиентов, цветов и элементов фирменного стиля и интерфейса Кинопоиска и Плюса, а также схожих с ними. Ознакомиться с бренд буком Кинопоиска и Плюса можно по ссылкам:

- [Брендбук Кинопоиска](https://www.figma.com/file/FOf6XhtMJYyktBmfyAclLe/%D0%9A%D0%B8%D0%BD%D0%BE%D0%BF%D0%BE%D0%B8%D1%81%D0%BA.-%D0%91%D1%80%D0%B5%D0%BD%D0%B4%D0%B1%D1%83%D0%BA-2.0?type=design&node-id=12-548&mode=design&t=NVnouG99nv9zdae3-0)
- [Брендбук Плюса](https://www.figma.com/file/gqWPWTXHCdavDHAoRlfq6x/%D0%9F%D0%BB%D1%8E%D1%81.-%D0%93%D0%B0%D0%B9%D0%B4-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%B0%D1%80%D1%82%D0%BD%D1%91%D1%80%D0%BE%D0%B2?type=design&node-id=14357-17790&mode=design)

Размещение рекламных позиций (баннеров), мимикрирующих под бренд Кинопоиск или Плюс, а также интерфейсы Кинопоиска и Плюса запрещено.
