---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.2
alternate:
  - https://www.yandex.com/support/direct/en/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices.md
  - https://www.yandex.com/support/direct/ru/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices.md
  - https://www.yandex.com/support/direct/zh/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices.md
  - href: https://www.yandex.com/support/direct/ru/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices.md
    type: text/markdown
    title: Markdown version
  - href: https://www.yandex.com/support/direct/ru/llms.txt?revision=r21585499
    rel: describedby
title: Требования к баннерам Фантеха
description: Требования к баннерам для размещения на сервисах Фантеха — размеры, форматы и технические условия для Premium, узкого баннера и брендирования Кинопоиска
---
> **Documentation Index:** Fetch the complete configuration index at https://www.yandex.com/support/direct/ru/llms.txt?revision=r21585499


# Требования к баннерам Фантеха

## Фантех Premium {#premium}


{% list tabs %}

- Баннер 100% × 250


    1. Формат: HTML-5.

    1. Размер баннера может отличаться в зависимости от разрешения экрана и размера активного окна браузера пользователя.

        {% note alert %}

        Вся значимая информация должна быть отцентрована по ширине и иметь отступ по 295&#160;пикселей слева и справа.

        <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->
        Чтобы избежать некорректной работы баннера на площадке, пожалуйста, внимательно ознакомьтесь с каждым пунктом технических требований. Соблюдение данных требований гарантирует корректное отображение баннера на площадке.

        Ответственность за соблюдение технических требований и центрирование баннеров находится на стороне рекламодателя. Яндекс имеет право остановить размещение, если данная рекомендация не соблюдается.
        <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->

        {% endnote %}

        <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->
        {% cut "Для креативов Adobe Animate" %}

        Чтобы центрировать изображение в креативе, созданном в редакторе Adobe Animate, оберните тег `<img>` в элемент `<div>` с css-стилями:

        ```xml translate=no
                  
        <div style="position: absolute; box-sizing: border-box; overflow: hidden; transform: translateZ(0); left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);">
            <img src='image.png'>
        </div>
                  
        ```

        {% endcut %}
        <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->

    1. Размер: от 850 × 250 пикселей до 2800 × 250 пикселей, не более 250 КБ. Размер баннера указывается в элементе `<meta>`:
        ```xml translate=no
        <meta name="ad.size" content="width=100%,height=250">
        ```

        Значение ширины баннера `width` задается в процентном формате — 100%.

    Более подробные требования к оформлению баннера см. в разделе [Требования к HTML5-баннерам](https://www.yandex.com/support/direct/ru/products-cpm-campaign/requirements.md).


- Баннер 100% × 180 в мобильной версии сайта


    {% include [100-180](../../_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/100-180.md) %}

    Более подробные требования к оформлению баннера см. в разделе [Требования к HTML5-баннерам](https://www.yandex.com/support/direct/ru/products-cpm-campaign/requirements.md).


    #### Требования к креативу

    1. Важные элементы креатива (названия, логотипы, основное рекламное сообщение, даты, кнопки и т. д.) должны находиться в основной области. См. [шаблон](https://yadi.sk/i/1HnQu9oa3JLSpd).

        Элементы, вынесенные на поля, будут обрезаны при низком разрешении экрана.

    1. Фон заливается сплошным цветом. Переход между основной областью креатива и фоном должен быть плавным слева и справа.

    1. Не принимаются баннеры с мигающими крупными графическими или текстовыми элементами и/или фоном, с резкими перемещениями элементов, существенно отвлекающие пользователя от взаимодействия со страницей сайта (изучения содержания страницы или ввода запроса), а также баннеры, заполненные текстом или изображениями низкого качества.

    1. Рамка по периметру баннера не допускается.


- Баннер 300 × 600

    1. Поддерживаемые форматы: GIF, JPEG, PNG, HTML5 (доступен не для всех баннеров).

    1. Максимальный размер баннера: 150 КБ.

    1. Максимальный объем альтернативного текста: 100 символов (не применяется к Графическим объявлениям).

       Значение ширины баннера `width` задается в процентном формате — 100%.

    1. Рекламный баннер должен иметь видимые границы (обведен в рамку, не совпадающую с цветом фона баннера), фон баннера не должен быть прозрачным (не применяется к Графическим объявлениям).

    1. Не принимаются баннеры с мигающими крупными графическими или текстовыми элементами и/или фоном, с резкими перемещениями элементов, существенно отвлекающие пользователя от взаимодействия со страницей сайта (изучения содержания страницы или ввода запроса).

    1. Не принимаются баннеры, в которых используются сторонние инструменты для подсчета статистики (кроме счетчиков Adfox и UTM-меток). Счетчики Adfox должны поддерживать протокол https (не применяется к Графическим объявлениям).

    1. В ссылке на сайт, содержащейся в HTML5-баннере, должно быть не более 1024 знаков в кодировке UTF-8.

    1. Не допускается размещение ссылок с редиректами за исключением перенаправлений:

        - в рамках ресурса, на который ведет изначальная ссылка (например, разрешен редирект с msk.site.ru на spb.site.ru; запрещен редирект с x.narod.ru на y.narod.ru);

        - на доменные зеркала;

        - со сменой протокола (например, с http:// на https://).

{% endlist %}


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


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

- [Брендбук Кинопоиска](https://www.figma.com/file/FOf6XhtMJYyktBmfyAclLe/Кинопоиск.-Брендбук-2.0?type=design&node-id=12-548&mode=design&t=NVnouG99nv9zdae3-0)

- [Брендбук Плюса](https://www.figma.com/file/gqWPWTXHCdavDHAoRlfq6x/Плюс.-Гайд-для-партнёров?type=design&node-id=14357-17790&mode=design)

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

Кинопоиск оставляет за собой право не демонстрировать подобные рекламные позиции (баннеры) без объяснения причин.


{% endcut %}


## Фантех «Узкий баннер» {#slim}

1. Формат: HTML-5.

1. Размер баннера может отличаться в зависимости от разрешения экрана и размера активного окна браузера пользователя.

    {% note alert %}

    Вся значимая информация должна быть отцентрована, находиться в пределах 1440 пикселей по ширине и иметь отступ по 305 пикселей слева и справа.

    <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->
    Чтобы избежать некорректной работы баннера на площадке, пожалуйста, внимательно ознакомьтесь с каждым пунктом технических требований. Соблюдение данных требований гарантирует корректное отображение баннера на площадке.

    Ответственность за соблюдение технических требований и центрирование баннеров находится на стороне рекламодателя. Яндекс имеет право остановить размещение, если данная рекомендация не соблюдается.
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->

    {% endnote %}

    <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->
    {% cut "Для креативов Adobe Animate" %}

    Чтобы центрировать изображение в креативе, созданном в редакторе Adobe Animate, оберните тег `<img>` в элемент `<div>` с css-стилями:

    ```xml translate=no
              
    <div style="position: absolute; box-sizing: border-box; overflow: hidden; transform: translateZ(0); left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);">
        <img src='image.png'>
    </div>
              
    ```

    {% endcut %}
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->


1. Размер: от 850 × 88 до 1900 × 88 пикселей, не более 250 КБ. Размер баннера указывается в элементе `<meta>`:

    ```xml translate=no
    <meta name="ad.size" content="width=100%,height=88">
    ```

 Значение ширины баннера `width` задается в процентном формате — 100%.

1. Рамка по периметру баннера не допускается.


<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/addition.md -->
{% cut "Дополнение к оформлению всех рекламных позиций (баннеров) на Кинопоиске" %}

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

- [Брендбук Кинопоиска](https://www.figma.com/file/FOf6XhtMJYyktBmfyAclLe/Кинопоиск.-Брендбук-2.0?type=design&node-id=12-548&mode=design&t=NVnouG99nv9zdae3-0)

- [Брендбук Плюса](https://www.figma.com/file/gqWPWTXHCdavDHAoRlfq6x/Плюс.-Гайд-для-партнёров?type=design&node-id=14357-17790&mode=design)

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

Кинопоиск оставляет за собой право не демонстрировать подобные рекламные позиции (баннеры) без объяснения причин.

{% endcut %}
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/addition.md -->


Более подробные требования к оформлению баннера см. в разделе [Требования к HTML5-баннерам](https://www.yandex.com/support/direct/ru/products-cpm-campaign/requirements.md).


## Брендирование страниц на Кинопоиске {#kinopoisk}


#### Общие требования к размещению рекламы на Кинопоиске

1. Материалы должны быть предоставлены не позднее, чем за семь рабочих дней до старта рекламной кампании. В случае, если материалы присылаются позднее, Яндекс не гарантирует корректный и своевременный запуск рекламной кампании.

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

1. При размещении рекламных материалов Яндекс вправе предъявить дополнительные требования к рекламным материалам, не предусмотренные настоящим документом. В частности, в случае использования нестандартных рекламных возможностей или графических решений.

1. Актуальные версии шаблонов для рекламных материалов доступны в соответствующих разделах. Периодически эти шаблоны могут обновляться.

1. Размер видимой области баннера на главной странице Кинопоиске: 1300 пикселей.


<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/addition.md -->
{% cut "Дополнение к оформлению всех рекламных позиций (баннеров) на Кинопоиске" %}

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

- [Брендбук Кинопоиска](https://www.figma.com/file/FOf6XhtMJYyktBmfyAclLe/Кинопоиск.-Брендбук-2.0?type=design&node-id=12-548&mode=design&t=NVnouG99nv9zdae3-0)

- [Брендбук Плюса](https://www.figma.com/file/gqWPWTXHCdavDHAoRlfq6x/Плюс.-Гайд-для-партнёров?type=design&node-id=14357-17790&mode=design)

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

Кинопоиск оставляет за собой право не демонстрировать подобные рекламные позиции (баннеры) без объяснения причин.

{% endcut %}
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/addition.md -->


#### Требования к брендированию страниц

{% list tabs %}

- Баннер 100% × 250


    1\. Формат: HTML-5.

    2\. Размер баннера может отличаться в зависимости от разрешения экрана пользователя и размера активного окна браузера такого пользователя.

    {% note alert %}

    Вся значимая информация должна быть отцентрована с сохранением охранных полей по 575 пикселей слева и справа.

    <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->
    Чтобы избежать некорректной работы баннера на площадке, пожалуйста, внимательно ознакомьтесь с каждым пунктом технических требований. Соблюдение данных требований гарантирует корректное отображение баннера на площадке.

    Ответственность за соблюдение технических требований и центрирование баннеров находится на стороне рекламодателя. Яндекс имеет право остановить размещение, если данная рекомендация не соблюдается.
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->

    {% endnote %}

    <!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->
    {% cut "Для креативов Adobe Animate" %}

    Чтобы центрировать изображение в креативе, созданном в редакторе Adobe Animate, оберните тег `<img>` в элемент `<div>` с css-стилями:

    ```xml translate=no
              
    <div style="position: absolute; box-sizing: border-box; overflow: hidden; transform: translateZ(0); left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);">
        <img src='image.png'>
    </div>
              
    ```

    {% endcut %}
    <!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->


    3\. Максимальный размер: 2000 × 250 пикселей, не более 250 КБ. Размер баннера указывается в элементе `<meta>`:
     ```xml translate=no
     <meta name="ad.size" content="width=100%,height=250">
     ```
     Значение ширины баннера `width` задается в процентном формате — 100%.

    4\. Рамка по периметру баннера не допускается.


- Баннер 100% × 180 в мобильной версии сайта


    {% include [100-180](../../_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/100-180.md) %}

    Более подробные требования к оформлению баннера см. в разделе [Требования к HTML5-баннерам](https://www.yandex.com/support/direct/ru/products-cpm-campaign/requirements.md).

{% endlist %}

<!-- source: ru/_includes/footer.md -->
#### Остались вопросы? {#questions}

{% note alert %}

Специалисты отдела клиентского сервиса могут вас проконсультировать только по кампаниям того логина, с которого вы обращаетесь. Логин можно увидеть, если открыть [ya.ru](http://ya.ru/) на соседней вкладке браузера. Специалист получит доступ к вашим данным только при обработке обращения.

{% endnote %}

Сканируйте QR-код или нажмите на него для перехода по ссылке.

<!-- стили желтых кнопок-катов: -->



<!-- стили желтой кнопки-ссылки: -->



<!-- стили куар-кодов: -->


<!-- стили полезных ссылок: -->




<!--------------------------------------- локаль ru ---------------------------------------------->

<div class="footer-col-social">

<div class="social-card"> <!-- telegram -->

<a href="https://t.me/YandexDirectSupportBot?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/telegram-qr.png" style="width: 96px;">
</a>

</div>




<div class="social-card"> <!-- watsapp -->

<a href="https://wa.me/74951399193?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/watsapp-qr.png" style="width: 96px;">
</a>

</div>




<div class="social-card"> <!-- max -->

<a href="https://max.ru/yandex_direct_bot?utm_source=direct&utm_medium=help&utm_campaign=ru" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/max-qr-1.png" style="width: 96px;">
</a>

</div>

</div>

При выборе Telegram, WhatsApp, MAX учитывайте, что Яндекс не контролирует, как сторонние мессенджеры хранят ваши данные и переписку на своей стороне, и не несет за это ответственность.

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Написать в Viber" %}

<div class="border-no">

#|
||

<a href="viber://chat?service=34368" target="_blank">
    <img src="https://yastatic.net/s3/doc-binary/src/support/direct/ru/files/rakuten-viber-qr.png" style="width: 96px;">
</a>

|
Для обращений из Республики Беларусь
||
|#

</div>

{% endcut %}

</div>

<!-- желтая кнопка-ссылка: -->
[Написать в чат](https://yandex.ru/chat#/user/840c4ce4-ed25-4c66-a7c7-ba8c001e02d9?utm_source=pay){.button}

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Позвонить" %}

Клиентам и представителям агентств можно связаться с нами круглосуточно по телефонам:

**Регионы России**: [8 800 700-47-45](tel:88007004745) (звонок из России бесплатный)

**Москва**: [+7 495 139-91-93](tel:+74951399193)

**Беларусь**: [+375 17 336-31-36](tel:+375173363136)

Для доступа к кампаниям специалисту потребуется [PIN-код](https://www.yandex.com/support/direct/ru/troubleshooting/pin-code.md)

{% endcut %}

</div>

<!-- желтая кнопка-кат: -->
<div class="cut-button">

{% cut "Написать письмо" %}

{% list tabs %}

- Клиентам

  <iframe form-id="10010310" collapsed="no" collapsible="no" form-title="Обратиться в отдел клиентского сервиса" id="all-p" width="100%" src="https://forms.yandex.ru/surveys/10010310/?lang=ru&title=%D0%9E%20%D1%87%D0%B5%D0%BC%20%D0%B2%D1%8B%20%D1%85%D0%BE%D1%82%D0%B8%D1%82%D0%B5%20%D1%81%D0%BF%D1%80%D0%BE%D1%81%D0%B8%D1%82%D1%8C%3F&requestid=1678345963548777-1444993988871094178-vla1-3501-vla-l7-balancer-8080-BAL-7399&iframe=1&path=%2Fsupport%2Faudience%2Ftroubleshooting%2Fstart.html&feedback_sid=8935512981673750718&mobile=false&service=audience&referer=https%3A%2F%2Fyandex.ru%2Fsupport%2Faudience%2Fdelete-data.html&url=https%3A%2F%2Fyandex.ru%2Fsupport%2Faudience%2Ftroubleshooting%2Fstart.html" frameborder="0" style="background: #FFFFFF; border-radius: 10px; padding: 18px"></iframe>

- Агентствам
  
  [Формы обратной связи](https://yandex.ru/partner-office/knowledge-base){.button}

{% endlist %}

{% endcut %}

<!-- ссылки: -->

<br>
<br>

<div class="grid-container">
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Полезные ссылки</span></h3></p>
        <ul>
            <li><a href="https://direct.yandex.ru/">Перейти в кабинет</a></li>
            <p></p>
            <li><a href="https://direct.yandex.ru/dna/grid/campaigns">Мои кампании</a></li>
            <p></p>
            <li><a href="https://wordstat.yandex.ru/">Вордстат</a></li>
            <p></p>
            <li><a href="https://yandex.ru/support/direct/payments/payment-methods.html">Способы оплаты</a></li>
            <p></p>
            <li><a href="https://yandex.ru/support/direct/contact-us.html">Контакты</a></li>
            <p></p>
            <li><a href="https://t.me/YANtech">Телеграм-канал Яндекс Рекламы</a></li>
        </ul>
        </div>
    </div>
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Правовые документы</span></h3></p>
        <ul>
            <li><a href="https://yandex.ru/legal/direct_adv_rules/ru/">Требования к рекламным материалам</a></li>
            <p></p>
            <li><a href="https://yandex.ru/legal/direct_display_rules/ru/">Правила показа</a></li>
            <p></p>
            <li><a href="https://yandex.ru/legal/oferta_direct/ru/">Оферта</a></li>
        </ul>
        </div>
    </div>
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Онлайн-обучение</span></h3></p>
        <ul>
           <li><a href="https://yandex.ru/adv/edu/online/direct">Курсы по Директу</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/edu/events">Вебинары</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/edu/materials/tag-direct">Полезные материалы</a></li>
        </div>
        <ul>
    </div> 
    <div class="grid-item">
        <div><p><h3><span style="font-weight:normal">Узнайте больше</span></h3></p>
        <ul>
           <li><a href="https://yandex.ru/adv/news?tag=direkt">Новости Директа</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/solutions/cases">Кейсы клиентов Яндекса</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/solutions/analytics">Тренды и аналитика</a></li>
           <p></p>
           <li><a href="https://yandex.ru/adv/meropriyatiya">Мероприятия Яндекс Рекламы</a></li>
           <p></p>
           <li><a href="https://t.me/yndx_ed">Телеграм-канал Яндекс Рекламы ПРО</a></li>
        </div>
        <ul>
    </div>
</div> 

<!-------------------------------------- /локаль ru ------------------------------------------->



<!-------------------------------------- локаль en ------------------------------------------------->
<!---------------------------------------- /локаль en ------------------------------------------>



<!---------------------------------------- локаль zh ------------------------------------------------>
<!----------------------------------------- /локаль zh ----------------------------------------->



<!----------------------------------------- локаль tr ----------------------------------------------->
<!---------------------------------------- /локаль tr -------------------------------------------->
<!-- endsource: ru/_includes/footer.md -->


{% included (../../_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/100-180.md) %}
1\. Формат: HTML-5.

2\. Размер баннера может отличаться в зависимости от разрешения экрана и размера активного окна браузера пользователя.

{% note alert %}

При изменении размера баннера вся значимая информация должна быть отцентрована по ширине. Минимальное разрешение, поддерживаемое сайтом на мобильных устройствах,&#160;— 320 пикселей по ширине.

<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->
Чтобы избежать некорректной работы баннера на площадке, пожалуйста, внимательно ознакомьтесь с каждым пунктом технических требований. Соблюдение данных требований гарантирует корректное отображение баннера на площадке.

Ответственность за соблюдение технических требований и центрирование баннеров находится на стороне рекламодателя. Яндекс имеет право остановить размещение, если данная рекомендация не соблюдается.
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/requirements-note.md -->

{% endnote %}

<!-- source: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->
{% cut "Для креативов Adobe Animate" %}

Чтобы центрировать изображение в креативе, созданном в редакторе Adobe Animate, оберните тег `<img>` в элемент `<div>` с css-стилями:

```xml translate=no
          
<div style="position: absolute; box-sizing: border-box; overflow: hidden; transform: translateZ(0); left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);">
    <img src='image.png'>
</div>
          
```

{% endcut %}
<!-- endsource: ru/_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/adobe-animate-tip.md -->

3\. Баннер должен растягиваться на 100% ширины экрана, корректно отображаясь в любом диапазоне ширины экрана пользователя.

    Значение ширины баннера `width` задается в процентном формате&#160;— 100%.

4\. Все элементы должны иметь фиксированные размеры или растягиваться по родительскому элементу. Не допускается наличие элементов, которые имеют высоту или ширину 0 пикселей.

5\. Вес архива с HTML креативом: не более 75 КБ.

6\. Загружаемый HTML5 баннер должен иметь размер от 320 × 180 до 540 x 180 пикселей. Размер баннера указывается в элементе `<meta>`:

  ```xml translate=no
  <meta name="ad.size" content="width=100%,height=180">
  ```
  Значение ширины баннера `width` задается в процентном формате — 100%.

7\. Баннер должен содержать метатег `viewport`:

```xml translate=no
<meta name="viewport" content="width=device-width; initial-scale=1.0">
 ```

8\. Если внутри ссылки есть блочные элементы, она должна иметь стиль `display: block`, и, при необходимости, `height` и `width`.

{% endincluded %}
{% included (../../_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/100-180.md:requirements-note.md) %}

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

Ответственность за соблюдение технических требований и центрирование баннеров находится на стороне рекламодателя. Яндекс имеет право остановить размещение, если данная рекомендация не соблюдается.

{% endincluded %}
{% included (../../_includes/fixed-cpm-campaigns/product-yandex-services/requirements-mediaservices/id-requirements-mediaservices/100-180.md:adobe-animate-tip.md) %}
{% cut "Для креативов Adobe Animate" %}

Чтобы центрировать изображение в креативе, созданном в редакторе Adobe Animate, оберните тег `<img>` в элемент `<div>` с css-стилями:

```xml translate=no
          
<div style="position: absolute; box-sizing: border-box; overflow: hidden; transform: translateZ(0); left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);">
    <img src='image.png'>
</div>
          
```

{% endcut %}

{% endincluded %}