Как узнать размер баннера на сайте в пикселях

Как узнать размер баннера?

Для Prem-site создан целый ряд как платных, так и бесплатных дизайнов, для магазинов разных тематик, который постоянно пополняется новыми шаблонами. Каждый, из этих шаблонов имеет свой дизайн, определяющий местоположение баннеров на страницах, а также свое разширение (от 980 — до 1600 пиксилей). К тому же, в одном дизайне могут использоватся несколько форматов баннеров (то есть, как большые баннеры, так и маленькие). Исходя из этого, мы решили не создавать сведенную таблицу всех возможных размеров испольемых баннеров, а дать вам подсказку, в виде ниже изложенного, что бы вы могли самостоятельно определить необхходимый вам размер изображения, соответственно к используемому вами дизайну. Итак, определить необходимый размер изображения, можно при помощи вашего браузера:

Перейдите откройте страницу магазина, на которой отображается интересующий вас банер.

• Для браузеров на базе Chromium ( Chromium, Google chrome, Яндекс.Браузер, Comodo Dragon, Rockmelt, Torch Browser и т.д.)

Если вы пользуетесь одним из них, вам необходимо после наведения курсора на баннер, осуществить клик правой кнопкой мышки и выбрать в открывшемся меню пункт “Просмотр кода элемента”:

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

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

• Для браузеров на базе Mozilla Firefox (Waterfox, Pale Moon, Сomodo icedragon, SeaMonkey, Wyzo, Avant Browser, Lunascape, SlimBrowser и т.д.)

Если вы пользуетесь одним из них, вам необходимо после наведения курсора на баннер, осуществить клик правой кнопкой мышки и выбрать в открывшемся меню пункт “Исследовать элемент”:

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

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

• Для браузера Opera — необходимо после наведения курсора на баннер, осуществить клик правой кнопкой мышки и выбрать в открывшемся меню пункт “Просмотреть код элемента”:

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

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

• Для браузера Safari — необходимо после наведения курсора на баннер, осуществить клик правой кнопкой мышки и выбрать в открывшемся меню пункт “Проверить объект”:

На экране монитора появится необходимая информация, относительно размера изображения в пикселях, на самом элементе:

Примечание: В последней версии браузера Safari, возможность просмотра кода элемента отключена по умолчанию. По этому, если вы пользуетесь данным браузером, вам необходимо осуществить переход в интерфейсе Safari → Настройки → Дополнения → и поставить отметку в пункте «Показывать меню «Разработка» в строке меню».

• Для браузера internet explorer — необходимо после наведения курсора на баннер, осуществить клик правой кнопкой мышки и выбрать в открывшемся меню пункт “Проверить элемент”:

В низу окна браузера откроется панель, с подсвеченой строчкой. Именно в этой строчке содержится ссылка на изображение баннера, приблизительно следуещего вида: src=»https://premmerce.com.ua/uploads/shop/banners/%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F»

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

Примечание: Подбирая изображения для баннера, обратите внимание на его объем (вес) — слишком “тяжелые” изображения (использованые как для баннеров, как и для илюстрирования товаров) могут существеннозамедлять загрузку страниц магазина. Рекомендкуемый вес изображения — до 500 КБ

Примечание: Prem-site поддерживает все популярные форматы изображений: JPEG, PNG и в том числе формат GIF, что предоставляет вам возможность создать анимированный баннер

Формат баннера: наиболее популярные рекламные виды на сайте

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

Общие сведения

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

Визуальное оформление приводит к правильному взаимодействию с целевой аудиторией. Есть вероятность, что заинтересованный предложением человек нажмет на интегрированную ссылку, которая перенаправит его на ресурс рекламодателя. Оказавшись в нужном месте, посетитель становится потенциальным покупателем.

Назначение баннера

Информационный блок может содержать разный контекст, но он обязан:

• Раскрыть суть коммерческой деятельности и ознакомить с предоставляемым сервисом.
• Дать ответ на главный вопрос пользователя и стимулировать его к коммерческим действиМедиафайлям – первичным и повторным.
• Уверить, что покупатель нуждается в предлагаемом товаре.
• Убедить в выгоде заказа услуг, выбора покупок именно на этом веб-сайте.

Первый раз подобный метод был применен в 1994 году – результат вышел ошеломительный. Количество кликов после акции, увеличилось на 44%, что было невероятно для того времени. Дальнейшее использование доказало высокую продуктивность этого приема.

Виды баннеров для сайта

Чтобы не терять актуальность и успешно справляться с задачами современного маркетинга, продумываются интересные ходы. Визуальные перформансы могут принимать настойчивый, навязчивый характер и даже вызывать раздражение. Несмотря на это, зрительная информация все равно откладывается в памяти, так как мгновенно усваивается человеческим мозгом. Можно использовать разные возможности для вывода медиаконтента и его правильных настроек.

По площадке

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

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

UX- и UI-дизайн: назначение и отличия

UX/UI-дизайн — это эффективные инструменты проектирования любого вида пользовательского интерфейса, где наличествует два основных критерия: удобство взаимодействия и внешний вид. Основная задача инструментов состоит в том, чтобы продать потенциальному клиенту товар или услугу через пользовательский интерфейс. Поэтому его визуальная часть должна располагать к себе человека, а механизм работы должен быть интуитивно понятен, с наличием определенных инструкций и подсказок к дальнейшим действиям. UX-/UI-дизайн: что это такое Несмотря на то, что основная задача у них одинаковая, — повысить эффективность работы веб-ресурса в…

Компании, предоставляющие подобные услуги, используют для этого:

1. Внутренние ресурсы, целевые страницы заказчика.
2. Популярные веб-сайты с просторов Рунета.

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

Типы баннеров на сайте по размеру

Данный параметр принято измерять пикселями по правилам интерактивной рекламы. Опытные верстальщики практикуют несколько конструкторских методов получения разных величин и габаритов для мультимедийного контента. Поисковые системы допускают такие разрешения, если они соответствуют требованиям Яндекс Директа и Google Adwords.

Чтобы не выходить за рамки контрольных фильтров, лучше использовать стандартные пропорции, доказавшие свою высокую эффективность:

• 88 x 31 – самые миниатюрные версии.
• 278/728/970 х 90 – для «шапок» сайтов.
• 970 х 250 – горизонтальные билборды.
• 336 х 280 – большие прямоугольники, самые традиционные виды баннеров в интернете.
• 300 х 250 – прекрасно интегрируется с любыми платформами, в том числе и мобильными.
• 120/160 х 600 – горизонтальные «небоскребы», предназначенные для десктопов.
• 234/468 х 60 – применяются в самых видимых верхних областях, побеждает в рейтинге высоких показателей CTR.
• 300 х 600 – результативные, очень вместительные полстраничники.
• 100х100, 200 х 200 и 250 х250 – боковые квадраты. Первый вариант применяется с недавних времен, но уже заслужил популярность.

Нужный размер подбирается в зависимости от контекста, вида изображения и места, позиции показа. Чтобы не ошибиться с выбором и не выкинуть деньги за РК на ветер, лучше довериться опыту специалистов.

Форматы баннеров

Существует несколько способов визуального представления рекламы:

• Векторные флэш элементы, файлы *swf от Adobe – невероятно красивы, имеют большой эффект воздействия. Много плюсов, но есть и минусы в плане реализации проектов, долгой загрузки.
• Яркие, статичные анимационные картинки *jpeg, *gif, *png. Отличаются быстрой адаптацией, не нагружают трафик.
• Сжатые клипы flv и видеоролики. Запускаются автоматически на линии глаз пользователя, пролистывающего страничку. Динамичный показ может идти непрерывно.
• Скользящая строчка с интересным текстом, контактной информацией.

По аналитическим данным, наиболее популярным является формат баннера с гибким, ненавязчивым, но весьма убедительным слоганом. Тонкая манипуляторная реклама не раздражает, поэтому покупатель охотно верит рекламодателю. Он покупает товар, даже если не испытывает в нем особую необходимость.

Акцент на целях рекламной кампании

Здесь все будет зависеть от выбранной стратегии, которая будет работать в одном из этих направлений:

1. Имиджевое.
2. Стабилизационное.
3. Стимулирующее.

Нужно решить что важнее:

• Популярность, узнаваемость бренда, торговой марки.
• Таргетинг с постепенно расширяемой, увеличивающейся конверсией.
• Рост продаж за счет большого количества обрабатываемых сделок.

Секреты создания эффективных баннеров для рекламы в интернете

Для каждого вида коммерческой деятельности существует своя формула успеха. Она может стать абсолютной, если правильно расставить приоритеты и выбрать безошибочную миссию:

1. Удержать целевую аудиторию, сделать ее постоянной.
2. Показать основные преимущества флагманского продукта.
3. Придать новинке высокую степень информированности и популяризировать.
4. Обеспечить отличную наполняемость, кликабельность.
5. Провести ретаргетинг, вернуть колеблющегося покупателя и подвести его к логическому итогу, выбору.
6. Привлечь внимание к названию бизнес компании.

Чтобы продумать свой вариант, можно посмотреть, как выглядит баннер на сайте главного конкурента, и сделать лучше, чем у него. Для этого нужно решить технические задачи:

• Формат, метрические пропорции блока.
• Вид изображения, корпоративного логотипа.
• Метод размещения и места показа.
• Параметры отображения.
• Цвет текста, шрифт и сам контекст.

Все должно быть в меру лаконичным, мотивационным и креативным. Позицию надо представить четко сформулированной, без обобщенных, «туманных» фраз и заезженных клише. В одно уникальное торговое предложение (УТП) желательно вместить весь смысл кампании.

Размещение баннерной рекламы

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

• «Шапка», верхняя часть страницы.
• Свободные боковые поля.
• Промежутки между рубриками, разделами, абзацами.

В выборе поможет сервис создания «тепловых» карт по анализу мест частотной кликабельности на сайте. Для внешнего размещения можно выбрать:

1. Социальные площадки.
2. Поисковые выдачи.
3. Почту.
4. Партнерский бартер.
5. Мобильные приложения.

Также нужно учесть такие факторы, как поведенческий, временной и географический.

Преимущества заказа баннера

Можно выделить несколько основных плюсов:

• Большой эффект воздействия на людей, независимо от их статуса, характера и возраста.
• Внушительный охват географии.
• Хороший шанс увеличить запоминаемость и привлечь внимание.
• Низкий ценовой сегмент.

Блокировщики показа баннерной рекламы

Вместе с ростом технического прогресса, возникает все больше продуктов и услуг которые есть необходимость представить аудитории. Обилие ярких блоков и картинок привело к тому, что люди стали уставать от этих демонстраций. Оценив ситуация, разработчики создали браузерный софт, преследующий цель – заблокировать назойливый контент.

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

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

Как сделать так, чтобы на сайте было удобно всем: и скучающим на парах студентам, и вечно занятым бизнесменам, везде таскающим с собой ноутбук? Правильный ответ: адаптировать его под все типы и разрешения экранов. Сделать это можно несколькими путями: сделать сайт с адаптивной версткой или отдельную страничку для мобильных устройств. И у первого, и у второго решения есть свои плюсы и минусы. В левом углу ринга – адаптивный дизайн, в правом – мобильные версии. Разберемся, кто тут фаворит и на кого…

Перспективный рост

Появление запретов подвело маркетологов к принятию новых правил:

1. Качественная, разумная подача контекста.
2. Полная релевантность по отношению к УТП.
3. Соответствие тематике веб-ресурса.
4. Отказ от агрессивных красок, резко всплывающих окон.
5. Упор на скромность, органику, истину.

Дизайнеры успешно применяют обновленный кодекс и создают уникальные медийные шедевры, на которые пользователю приятно смотреть.

Дополнительные настройки

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

Скругление углов

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

• круг;
• овал;
• каплю;
• сглаженный квадрат.

Готовые картинки получают изящный, аккуратный и эстетичный абрис.

Отступы между баннерами

Иногда наступает момент, когда сайту нужно немного или, напротив, радикально измениться. В результате, нарушается поточность, и вывод объектов становится неправильным. Опытные программисты заранее предугадывают такие моменты и прописывают варианты внешних, внутренних допусков в HTML кодах.

Баннерная навигация

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

Стрелки

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

• Вид слайда, фоновая подложка.
• Эффект выдвижения, вытягивания картинки.
• Геометрические формы круга, овала.

Пагинация

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

Если необходимо поменять дизайн и месторасположение

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

Можно ли сделать самому

Существует несколько онлайн-сервисов, которые помогут создать объявление самостоятельно. Назовем их.

Banner Boo

Это отличный конструктор со множеством шаблонов и кнопок. Он позволяет создавать как статическую, так и динамическую, анимированную рекламу. Однако в бесплатной версии можно сделать только 10 изображений. Для безграничного пользования потребуется оплатить доступ – сумма оплаты составляет 15 $.

Crello

Также отличный онлайн-конструктор с готовыми шаблонами. Здесь можно подготовить картинки для социальных сетей, шапки для веб-сайтов и многое другое – для этого есть все необходимые инструменты. Программа доступна по подписке, стоимость которой 8 $ в месяц.

Готовые шаблоны

Воспользоваться уже созданными баннерными изображениями можно на специальных площадках, на которых многие компании предлагают свои товары и услуги. После регистрации в сети можно выбрать онлайн-магазин с предложениями готовых вариантов. Картинка имеет партнерскую ссылку с идентификатором. Чтобы добавить изображение на свой ресурс, нужно всего лишь скопировать код. Самыми популярными партнерскими площадками являются EPN и Admitad.

Заключение

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

Баннерные линии на страницах сайта

На главной странице можно размещать произвольное количество баннеров. На страницах каталога предусмотрены две баннерные линии: Сверху и Снизу (над и под товарами).

Настроить типы баннера, а так же количество баннерных линий на главной странице, можно по запросу в службу поддержки. Пример запроса в службу поддержки описан ниже.

Типы баннеров

Ниже отображены все доступные типы баннеров.

Важно: типы баннеров cover и blockplus доступны только для главной страницы.

Высота баннера

Размеры разных типов баннеров в пикселях

Одинарные баннеры

Двойные и тройные баннеры

Баннер blockplus

960 × 432 / 480 × 216

Дополнительные настройки

Для каждой баннерной линии дополнительно можно настроить радиус скругления, отступы и навигационные элементы.

Скругление углов

Отступы между баннерами

Внимание: если вы выбираете отступы между баннерами (s-l), не размещайте важные элементы изображения близко к краю. Необходимо предусмотреть отступ 10-15 пикселей от края, которые будут перекрыты отступом.

Навигация в баннерах

Навигация отображается в баннерах block, wideblock и для большого баннера blockplus, если количество баннеров в линии больше одного (слайдер).

Навигация состоит из стрелок прокрутки и пагинации. Учитывайте, что настройки навигации баннеров общие для всего сайта.

Стрелки

Доступно восемь типов стрелок. По умолчанию стрелки белые, но их можно перекрасить в любой цвет.

Пагинация

Доступны два вида пагинации:

Для включения и отключения элементов навигации, изменения их типа и цвета стрелок обратитесь в службу поддержки.

Новые баннерные линии и изменение типа баннеров

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

Пример запроса для подключения баннера

Прошу Вас подключить такие баннеры для главной страницы:

Первая линия баннеров — wideblock, размер L, отступы S, скругления: нет
Вторая линия баннеров — block, размер L, отступы M, скругления: S
Третья линия баннеров — 2x, размер M, отступы S, скругления: L

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

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

Редакция статьи от 22.05.2020 Обратите внимание, форматы постоянно меняются, официальные источники не успевают за реальными изменениями. Все уникальные размеры пронумерованы.

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

Яндекс.Директ

В среднем, максимальный размер файла должны быть до 120 КБ

Размер баннера на поиске Яндекса (МКБ)

• 1. 240 x 400 px / *можно поставить номер телефона

Размеры баннеров для текстово-графических площадок Яндекс.Директ (РСЯ) — 11шт.

• 240 x 400 px — дублируется с поиском
• 2. 300 x 250 px
• 3. 300 x 500 px
• 4. 300 x 600 px
• 5. 336 x 280 px
• 6. 640 x 100 px (отображается в РСЯ как 320 x 50 px)
• 7. 640 x 200 px (отображается в РСЯ как 320 x 100 px)
• 8. 640 x 960 px (отображается в РСЯ как 320 x 480 px)
• 9. 728 x 90 px
• 10. 960 x 640 px (отображается в РСЯ как 480 x 320 px)
• 11. 970 x 250 px

Размеры баннеров для медийных площадок (ex Яндекс.Баян) — 15 шт.

• 12. 160 x 600 px
• 240 x 400 px — дублируется с РСЯ
• 13. 240 x 600 px
• 300 x 250 px — дублируется с РСЯ
• 14. 300 x 300 px
• 300 x 500 px — дублируется с РСЯ
• 300 x 600 px — дублируется с РСЯ
• 15. 320 x 50 px (640 x 100 px)
• 16. 320 x 100 px (640 x 200 px)
• 17. 320 x 480 px (640 x 960 px)
• 336 x 280 px — дублируется с РСЯ
• 18. 480 x 320 px (960 x 640 px)
• 728 x 90 px — дублируется с РСЯ
• 970 x 250 px — дублируется с РСЯ
• 19. 1000 x 120 px

Официальный источник (не актуальный на 11.10.2019): https://support.google.com/google-ads/editor/answer/57755

Изображения в РСЯ для кампаний типа «Текстово-графические объявления»

Когда к объявлению на поиске добавляем картинку.

• размер от 1080 до 5000 пикселей.
• максимальный объем файла — до 10 МБ
• формат — JPG, PNG или GIF (будет использован только первый кадр)
• Желательно предоставить 2 изображения с соотношениями сторон 3:4 (портрет) и 16:9 (ландшафт)
• Если на картинке размещено фото человека, то между верхним краем фото и головой человека нужно оставить пустое пространство, чтобы не обрезать голову.
• Надписей на изображениях быть не должно.
• Если требуется разместить логотип, то лучше сделать множество логотипов (например, на фоне) в виде водяного знака, т.к. под каждую площадку изображение обрезается автоматически.

Подробнее тут: https://yandex.ru/support/direct/efficiency/images.html

Главная страница Яндекса

С 1 января 2020 прекращаются показы формата баннер 320×67 с раскрывающимся блоком от 320×67 до 1080×82 на мобильной версии главной страницы Яндекса

Размеры баннеров для Google Ads — 22 шт.

Графические форматы GIF, JPG, PNG
Форматы AMPHTML
Файл ZIP, содержащий 1 документ HTML и до 39 медиаобъектов.
Макс. размер 150 КБ

• 20. 200 x 200 px — Малый квадрат
• 240 x 400 px — Вертикальный прямоугольник — дублируется с Директом
• 21. 250 x 250 px — Квадрат
• 22. 250 x 360 px — Тройное широкоэкранное объявление
• 300 x 250 px — Встраиваемый прямоугольник — дублируется с Директом
• 336 x 280 px — Большой прямоугольник — дублируется с Директом
• 23. 580 x 400 px — Netboard

• 24. 468 x 60 px — Баннер
• 728 x 90 px — Полноразмерный баннер — дублируется с Директом
• 25. 930 x 180 px — Верхний баннер
• 26. 970 x 90 px — Большой полноразмерный баннер
• 970 x 250 px — Доски объявлений — дублируется с Директом
• 27. 980 x 120 px — Панорама

• 28. 120 x 600 px — Небоскреб
• 160 x 600 px — Широкий небоскреб — дублируется с Директом
• 300 x 600 px — Полстраницы — дублируется с Директом
• 29. 300 x 1050 px — Книжная

• 30. 300 x 50 — Мобильный баннер
• 320 x 50 — Мобильный баннер — дублируется с Директом
• 320 x 100 — Большой мобильный баннер — дублируется с Директом

• 480 x 320 px — дублируется с Директом
• 320 x 480 px — дублируется с Директом

Требования к изображениям в КМС

Требования аналогичные РСЯ, только тут требуется предоставить 4 изображения. (2 картинки и 2 логотипа)

Горизонтальная ориентация. Загружаемые изображения должны соответствовать следующим требованиям: ориентация – горизонтальная; соотношение сторон – 1,91:1; минимальный размер – 600 x 314 (рекомендованный – 1200 x 628). Размер файла не должен превышать 5120 КБ.

Квадрат. Загружаемые изображения должны соответствовать следующим требованиям: соотношение сторон – 1:1 (квадрат), минимальный размер – 300 x 300. Размер файла не должен превышать 5120 КБ.

Логотип (необязательно). Логотип, загружаемый с вашего компьютера, должен отвечать следующим требованиям: соотношение сторон – 1:1 (квадрат), минимальный размер – 128 x 128 (рекомендуемый формат квадратного логотипа – 1200 x 1200). Для лучшей отрисовки советуем также добавить горизонтальный логотип (4:1) размером 512 x 128 или больше (рекомендуемый формат – 1200 x 300). Для всех логотипов рекомендуется использовать прозрачный фон, но при этом изображение должно быть выровнено по центру. Размер файла не должен превышать 5120 КБ.

Текст. Текст должен занимать не более 20 % изображения. Примечание. На некоторых рекламных местах может обрезаться до 5 % с левой и правой стороны изображения (поэтому, лучше тексты не использовать).

Форматы банеров для социальных сетей

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

Форматы баннеров для таргетированной рекламы

Форматы рекламы Facebook + Instagram — 3 шт.

Facebook не регламентирует вес изображений, видимо по тому, что у них стоит «обжиматель» качества загружаемых картинок. Справка по созданию рекламы с изображениями тут: https://www.facebook.com/business/help/980593475366490

• 31. FB: 1200 x 628 px
• 32. Inst: 600 x 600 px (для карусели можно использовать до 6 изображений)

Требования: текста не более 20% от площади креатива (проверить кол-во текста https://www.facebook.com/ads/tools/text_overlay). Не должно быть кнопки на креативе.

33. 628 х 1120 px — Для сториз нужен креатив, сверху и снизу оставить пустоту для элементов интерфейса, вот пример неудачный http://prntscr.com/l9zibh

Форматы рекламы VKontakte — 5 шт.

256 × 256 px — логотип компании

• 34. 1080 x 607 px — посты
• 35. 145 x 165 px — тизер
• 36. 537 x 240 px тизер
• 37. 145 × 85 px — тизер
• 38. 720 x 1280 px — сториз

Форматы рекламы Mytarget — 3 шт.

256 × 256 px — логотип компании, дублируется с VK

• 1080 x 607 px — дублируется с VK
• 600 x 600 px — взять из FB 1200 х 1200 (обратите внимание, что изображение может быть упаковано в тизер 100 x 100)
• 240 x 400 px — дублируется с РСЯ
• 39. 90 х 75 px (тизер)

Текста не более 20% от площади креатива. Не должно быть кнопки на креативе.

Форматы изображений для постов в социальных сетях

Фотопосты

• ВК: 700 x 500 px
• FB: 1200 x 630 px
• Inst: 1080 x 1080 px

Gif-изображения

• ВК: 1280 х 720; файл не должен превышать 200 МБ; формат: gif, mp4
• FB: 504 х 283; файл не должен превышать 8 МБ; формат: gif, mp4
• Inst: 1080*1080 рх, формат 1:1.

Видео в ленту (те же параметры, что и гиф)

• ВК: 1280 х 720; файл не должен превышать 200 МБ; формат: gif, mp4
• FB: 504 х 283; файл не должен превышать 8 МБ; формат: gif, mp4
• Inst: 1080*1080 рх, формат 1:1.

Видео в сториз

• 1080 х 1920 рх

Форматы видео

YouTube

• Разрешение от full hd (1080p) 1920×1080 px
• Видео битрейт: 400-450 кбит/сек. Частота кадров: не более 25 кадров/сек. Аудио битрейт: 80-100 кбит/сек. Уровень громкости не более 30дБ. Общий битрейт: 480-550 кбит/сек.
• Формат видеороликов: MP4 (MPEG-4): кодеки видео H.264, кодек аудио – AAC

• Формат 16:9 (подходит для большинства компьютеров и смартфонов)

• 1. 6 сек. Форматы: Bumper Ads (объявления-заставки в начале ролика)
• 2. 15 секунд. Форматы: TrueView, Out-Stream (реклама на площадках партнерской сети, КМС)
• 3. 20 секунд. Форматы: In-Stream без возможности пропуска (ролик прерывает трансляцию, другое название Reserve Video Ads)
• 4. Любая продолжительность, в течении 5 секунд появляется кнопка «Пропуск». Форматы: Masthead (видеобаннер на главной странице YouTube), TrueView In-Stream, TrueView Discovery (контекстная видеореклама, это баннер с привью из видео), Товарные объявления TrueView (для онлайн-магазинов), TrueView for Action (дополнительные кнопки с призывами к действию), Universal App Campaigns (универсальные кампании для приложений)

Полезная ссылка, решение маркетинговых задач с помощью видео: https://www.thinkwithgoogle.com/intl/ru-ru/ad-solutions/video/youtube-solutions-for-different-kpis/

Facebook и Instagram

• Разрешение от full hd (1080p) 1920×1080 px, минимальная ширина составляет 600 пикселей (зависит от соотношения сторон) для альбомной и портретной ориентации.
• Максимальный размер файла составляет 4 ГБ.
• Рекомендуемые форматы видео: .MP4 и .MOV.
• Максимальная продолжительность видео составляет 120 секунд
• Максимальное количество кадров — 30 в секунду.

• 1:1 – Для видеорекламы с кольцевой галереей
• 4:5 – Для Лент Facebook и Instagram, можно также использовать (также можно использовать 1:1)
• 9:16 – Для Facebook и Instagram Stories (также можно использовать 4:5), для видеорекламы In-Stream на Facebook и в Audience Network

• 1. 15 секунд (до 120 секунд для Facebook и Instagram Stories)