Правила оформления изображений для таргета ВК
С 23 мая 2022 года у ВКонтакте к рекламным сообщениям новые требования – изменения коснулись оформления текста и изображений. В статье собраны все рекомендации и запреты, которые упоминает сама соцсеть и которые необходимо соблюдать рекламодателям для быстрого и безболезненного прохождения модерации.
Изучив материал, вы будете разбираться во всех требованиях к рекламным иллюстрациям ВКонтакте. А вот если вы не уверены в своих остальных знаниях таргета ВК, рекомендую «Обновленный курс: Таргет ВКонтакте». Обязательно добавьте его в закладки и вернитесь после прочтения статьи.
Ну а начнем мы с общих правил, которым нужно следовать при создании любого визуального креатива для таргета ВКонтакте – вне зависимости от вида и формата сообщения.
Общие требования к изображениям для таргетированной рекламы ВКонтакте
Требования к графической составляющей картинки:
- Высокое качество. Замыленные или искаженные фото уже не прокатят.
Основной визуал должен четко считываться.
- Цвет. Агрессивные, кислотные и слишком яркие цвета могут отправить вашу рекламу в бан. Выбирайте спокойные и сочетающиеся цвета.
- Размещение. Основной объект на изображении не должен выходить за границы отведенной области – в «Помощи» указано, что все изображение, но в примерах других разделов имеются художественные исключения.
- Имитация. Отдельные элементы или все изображение не должно вводить в заблуждение и выглядеть, как интерфейс приложения или как функциональный элемент, например, как кнопка «Перейти».
Требования к тексту на картинке:
- Заглавные буквы. Разрешено исключительно для аббревиатур и товарных знаков: МИД РФ – можно, «ПОКУПАЙ!» – нельзя.
- Пропорции. Текст не должен занимать больше 20 % изображения. Обмануть систему не получится, даже размещая фото написанного от руки на бумаге текста. Проверить, какую площадь изображения занимает текст, можно с помощью сервиса Робби, разработанного командой VK.
- Четкость. Пользователь должен свободно и без усилий разобрать и прочитать ваш текст – буквы не должны сливаться с фоном.
Что категорически запрещено:
- Изображения денежных купюр любой страны мира. И даже нгултрум.
- Навязчивые образы на раздражающем кричащем фоне.
- Картинки с сексуальным подтекстом – как обнаженные или вызывающе одетые люди, так и разные фрукты, предметы и смайлы, если вы понимаете, о чем я.
- Пугающие или эстетически неприемлемые рисунки и фотографии – травмы и увечья, изменения из-за болезней, катастрофы и их последствия. Сравнения до/после, любимые таргетологами из медицинской среды, тоже под запретом.
- Изображения товаров или услуг, реклама которых запрещена или ограничена законодательством: оружие, алкогольная продукция, наркотические и психотропные вещества, табачные изделия, курительные принадлежности и аксессуары, азартные игры и другое.
Если планируете использовать фотографии людей или коллажи с их присутствием, необходимо выполнить одно, но очень важное требование:
- Использование изображений знаменитостей или любых других людей, в том числе родственников и друзей, фотографий из фотобанков и из других открытых источников – в рекламных материалах допустимо только при наличии письменного согласия этих граждан или иных разрешающих документов, например, распечатанного, заполненного и заверенного гарантийного письма.
Отдельно стоит отметить пару требований, помимо всех вышеперечисленных, к изображениям в рекламных объявлениях специального формата, которые размещаются в блоке «Рекомендованные приложения»:
- Фон должен отличаться от белого или схожего с ним, чтобы четко выделять границу изображения.
- Изображения, используемые для продвижения приложений ВКонтакте, должны являться частью графики рекламируемого приложения.
Читайте также: Таргетированная реклама во ВКонтакте для чайников.
Требования к изображениям для таргета ВК исходя из формата рекламного сообщения
Помимо общих правил для любого изображения для таргета ВКонтакте, к разным форматам есть индивидуальные, а порой и уникальные требования.
Важно! Некоторые из пунктов будут повторяться. Но я решил ничего не объединять и не обобщать, чтобы у вас всегда была полная картина перед глазами. Таков мой и ваш путь :–)
Карусель
Самый удобный способ продвигать сразу несколько товаровДо 10 изображений в объявлении, каждое – с собственной кнопкой и ссылкой. Подробнее про формат вы можете прочитать в нашей статье.
Требования к изображениям:
- Размер изображения в карусели должен быть не менее 400 х 400 пикселей.
- Можно использовать от 3 до 10 карточек.
- У каждой карточки статичное изображение в формате JPG, PNG или GIF.
- Текст на изображении занимает не более 20 % от общей площади креатива.
Текст и изображение – все более чем привычно.
P. S.: ВКонтакте рассматривает отказ от универсальной записи в таргете в пользу формата с кнопкой. После волны негодования от пользователей инициатива была отложена на неопределенный срок.
Требования к изображениям:
- К записи можно добавить до 10 изображений в формате JPG, GIF, TIF или PNG.
- Текст на изображении в рекламной записи должен занимать не более 20 % от общей площади фото.
С GIF-анимацией:
- GIF-анимацию нужно прикрепить как документ.
- Вес файла с GIF-анимацией – не более 50 Мб. Автоматическое проигрывание GIF-анимации работает для файлов с весом не более 10–12 Мб.
- Каждая из сторон GIF-изображения – не более 1000 px.
- GIF-изображение должно содержать более 1 кадра, интервал между кадрами от 0.01 до 1 секунды.
Со сниппетом:
- Размер изображение в сниппете рядом с кнопкой – не менее 537 x 240 px.
- Текст на изображении в сниппете должен занимать не более 20 % от общей площади фото.
- Поддерживаемые форматы изображений: JPG, PNG или GIF без анимации.
Реклама сайта
Используйте аудиторию ВК для решения задач на своем сайтеВозможность рекламировать свой сайт ВКонтакте без создания группы или сообщества.
Вы можете загрузить логотип и необходимые изображения. Минимальный размер изображения для логотипа – 256 × 256 px. В сниппет может быть загружено изображение с такими параметрами:
- Минимальный размер – 1080 × 607 px с допустимым соотношением сторон строго 16:9.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении для описания должен занимать не более 20 % от общей площади фотографии.
Реклама личной страницы
Продвигайте свой личный бренд без создания сообществаРекламируйте свою личную страницу или пост с нее.
Вы можете загрузить логотип и необходимые изображения. Минимальный размер изображения для логотипа – 256 × 256 px. В сниппет может быть загружено изображение с такими параметрами:
- Минимальный размер – 1080 × 607 px с допустимым соотношением сторон строго 16:9.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении для описания должен занимать не более 20 % от общей площади фотографии.
Реклама VK Mini Apps
Изучайте список мини-приложений и пользуйтесь всеми их фишкамиСобирайте заявки, проводите опросы, пользуйтесь всеми возможностями мини-приложений ВК.
Вы можете загрузить логотип и необходимые изображения. Минимальный размер изображения для логотипа – 256 × 256px. В сниппет может быть загружено изображение с такими параметрами:
- Минимальный размер – 1080 × 607 px с допустимым соотношением сторон строго 16:9.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении для описания должен занимать не более 20 % от общей площади фотографии.
Реклама мобильного приложения
Без грамотного продвижения вашу разработку могут и не заметитьПредложите подписчикам установить ваше мобильное приложение.
Требования к изображениям:
- Минимальные размеры изображения: 1080 × 607 (16:9), 1080 × 1080 (1:1), 1080 × 1350 (4:5).
- Максимальный размер файла – 5 Мб.
- Допустимые форматы: JPG, PNG, BMP, TIF или GIF.
Реклама в Историях
Обращайте внимание на надпись на кнопке, она не должна вводить в заблуждение.Продвижение своих предложений или товаров возможно и посредством Историй:
- В объявление можно загрузить до 3 Историй с фото или видео.
- Вертикальное изображение – 9:16, минимум 720 x 1280.
- Поддерживаемые форматы изображений: JPG, PNG или GIF без анимации.
Важно! Старайтесь размещать контент и текстовые надписи ближе к центральной части. При размере фотографий 1080 x 1920 рекомендуемые отступы сверху и снизу – по 200 пикселей.
Текстово-графический блок (ТГБ)
Именно изображение отстраивает ваше объявление от конкурентовПоказываются слева под основным меню в виде мини-блоков, состоящих из изображения и текста.
Важно! Показываются только в полной версии сайта.
Сообщество
Изображение и текст:
- Минимальный размер изображения – 145 × 85 px.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении должен занимать не более 20 % от общей площади фотографии.
Большое изображение:
- Минимальный размер изображения – 145 × 165 px.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении должен занимать не более 20 % от общей площади фотографии.
Продвижение сообществ:
- Минимальный размер изображения – 145 × 145 px.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении должен занимать не более 20 % от общей площади фотографии.
Изображение и текст:
- Минимальный размер изображения – 145 × 85 px.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении должен занимать не более 20 % от общей площади фотографии.
Большое изображение:
- Минимальный размер изображения – 145 × 165 px.
- Максимальный вес изображения – 5 Мб.
- Допустимые форматы изображения: JPG, PNG, BMP, TIF или GIF без анимации.
- Текст на изображении должен занимать не более 20 % от общей площади фотографии.
Приложение или игра ВКонтакте
Квадратное изображение:
- Минимальный размер изображения – 145 х 145 px. Если в файлах игры есть подходящее изображение, оно добавляется автоматически.
Витрина приложений:
- Минимальный размер изображения – 560 х 315 px.
- Максимальный вес изображения – 5 Мб.
Специальный:
- Минимальный размер изображения – 256 х 256 px. Если в файлах игры есть подходящее изображение, оно добавляется автоматически.
В объявлении отображаются рейтинг и тематика рекламируемого приложения или игры.
Вместо послесловия
Пока готовил для вас эту статью, много раз встречал объявления, которые, мягко говоря, не полностью соответствовали всем требованиям, но все же прошли модерацию. Поэтому можно сделать простой вывод: выполнение технических требований обязательно, а вот остальных – исключительно на ваши усмотрение, страх, риск и время.
Читайте другие статьи о таргете ВК в нашем блоге:
Как формируется цена на таргетированную рекламу в ВК- Как правильно предоставить таргетологу доступ к рекламному кабинету ВК
- Ретаргетинг во ВКонтакте: подробный гайд
CSS: иллюстрации & подписи
CSS: иллюстрации & подписиЯзыки
Это перевод. Здесь могут содержаться ошибки или страница может быть устаревшей по отношению к Английской версии. Переводчик: Eugene Skrypets (Neighbor Report)
Смотрите также указатель всех приёмов работы.
На этой странице:
- Добавление подписей
- Масштабирование изображения
- Подписи сверху
- Иллюстрации в HTML4
Иллюстрации & подписи
Масштабированная модель Эйфелевой башни в Парке Мини-Франция
В HTML5 включен новый элемент для вставки иллюстрации с подписью. (Мы покажем, как сделать тоже самое в HTML4 ниже.)
<figure> <p><img src="eiffel.jpg" alt="Эйфелева башня"> <figcaption>Масштабированная модель Эйфелевой башни в Парке Мини-Франция</figcaption> </figure>
Например, чтобы сместить изображение вправо на расстояние, равное 30% от ширины окружающих абзацев, используйте следующие правила:
figure { float: right; width: 30%; text-align: center; font-style: italic; font-size: smaller; text-indent: 0; border: thin silver solid; margin: 0.5em; padding: 0.5em; }
На самом деле, действительно необходимы только две первые декларации (float и width), а остальные использованы исключительно для оформления.
Масштабирование изображения
Если вы знаете ширину всех изображений в документе, вы можете указать минимальную ширину иллюстрации следующим образом:
figure { min-width: 150px; }
Сен-Тропе и его форт в вечернем солнце
Другой способ — это задать масштаб самого изображения. Именно
это мы и сделали с изображением справа. Как вы, возможно, видете,
если вы сделаете окно браузера слишком широким, изображения в
формате JPEG масштабируются не очень хорошо. Но если это
изображение — диаграмма или график в формате SVG, то масштабирование работает просто
великолепно. Вот разметка, которую мы использовали:
<figure> <p><img class=scaled src="st-tropez.jpg" alt="Сен-Тропе"> <figcaption>Сен-Тропе и его форт в вечернем солнце</figcaption> </figure>
А вот таблица стилей:
figure { float: right; width: 30%; text-align: center; font-style: italic; font-size: smaller; text-indent: 0; border: thin silver solid; margin: 0.5em; padding: 0.5em; } img.scaled { width: 100%; }
И в дополнение последнее правило: этот приём делает изображение настолько широким, насколько позволяет пространство внутри иллюстрации (область внутри рамок и отступов — border и padding).
Размещение подписи сверху
Средиземное море около Кап Ферра
HTML позволяет элементу figcaption быть либо первым, либо
последним элементом внутри иллюстрации. Если не применять
каких-либо правил CSS, это приведёт к тому, что подпись будет
размещена либо над иллюстрацией, либо под ней соответственно.
Однако, независимо от разметки текста, вы можете указать в CSS, чтобы подпись появилась либо над изображением, либо под ним. Этого можно достичь, указав браузеру, что изображение должно быть отформатировано как таблица, в которой картинка является единственной ячейкой, а подпись становится заголовком таблицы. Просто добавьте эти правила в таблицу стилей из предыдущей секции:
figure { display: table; } figcaption { display: table-caption; caption-side: top; }
Стиль, который мы использовали на этой странице, содержит рамку серого цвета. Она обрамляет иллюстрацию. К сожалению, когда мы используем табличную разметку, чтобы поместить подпись сверху или снизу, мы должны указать рамку другим способом, потому что подпись размещена за пределами границы таблицы. Мы можем исправить это, поместив часть границы на саму подпись:
figure { border-top: none; padding-top: 0; } figcaption { padding: 0.5em; border: thin silver solid; border-bottom: none; }
Иллюстрации & подписи в HTML4
Масштабированная модель Эйфелевой башни в Парке Мини-Франция
HTML4, в отличие от HTML5, не имеет элементов, которые бы позволили вставить в документ изображение с подписью. Это предлагалось сделать (см HTML3), но в итоге в HTML4 предложение не вошло. Вот единственная возможность воспроизвести элемент figure:
<div class=figure> <p><img src="eiffel.jpg" alt="Эйфелева башня"> <p>Масштабированная модель Эйфелевой башни в Парке Мини-Франция </div>
Затем в таблице стилей вы используете класс «figure» для форматирования иллюстрации так, как вам необходимо. Например, чтобы сместить иллюстрацию вправо на расстояние, равное 30% от ширины окружающих абзацев, необходимо применить следующие правила:
div.figure { float: right; width: 30%; text-align: center; font-style: italic; font-size: smaller; text-indent: 0; border: thin silver solid; margin: 0.5em; padding: 0.5em; }
Как и ранее, необходимы только две первые декларации (float и width), а остальные использованы исключительно для оформления.
Масштабирование изображения в HTML4
Чтобы избежать выхода изображения за рамки иллюстрации и при условии, что вы знаете ширину всех изображений в документе, вы можете добавить минимальную ширину DIV следующим образом:
div.figure { min-width: 150px; }
Сен-Тропе и его форт в вечернем солнце
Чтобы смасштабировать изображение на всю ширину иллюстрации (как мы сделали с изображением справа), вы можете добавить атрибут КЛАССА и соответствующее правило CSS, очень похожее на пример с HTML5 выше. Вот разметка, которую мы использовали:
<div class=figure> <p><img class=scaled src="st-tropez.jpg" alt="Сен-Тропе"> <p>Сен-Тропе и его форт в вечернем солнце </div>
А вот таблица стилей:
div.figure { float: right; width: 30%; border: thin silver solid; margin: 0.5em; padding: 0.5em; text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } img.scaled { width: 100%; }
Одно дополнение: этот приём делает изображение настолько широким, насколько позволяет DIV (площадь внутри border и padding).
Размещение описания сверху в HTML4
Средиземное море около Кап Ферра
Чтобы разместить подпись сверху, добавьте эти правила в таблицу стилей из предыдущих секций:
div.figure { display: table; } div.figure p + p { display: table-caption; caption-side: top; }
‘+’ приводит к тому, что правило действует на элемент P, который следует за другим P. Что означает, что условие действует на второй элемент P иллюстрации, который содержит описание картинки.
(Эта техника может привести к ошибкам в некоторых браузерах, разработанных ранее 2003, особенно в комбинации с масштабированием изображений, как в примере выше)
Как и прежде, серая рамка, которую мы выбрали для обрамления
иллюстраций на этой странице, будет обрамлять только само
изображение. Чтобы рамка была вокруг изображения и подписи, добавьте эти правила:
div.figure { border-top: none; padding-top: 0; } div.figure p + p { padding: 0.5em; border: thin silver solid; border-bottom: none; }Bert Bos, style activity lead
Copyright © 1994–2021 W3C® Privacy policy
Created 17 January 2001;
Last updated Ср 06 янв 2021 05:40:49
Языки
- Azərbaycan
- Български
- Deutsch
- Ελληνικά
- English
- Español
- Français
- हिन्दी
- Hrvatski
- Bahasa Indonesia
- Norsk
- Nederlands
- Polski
- Português
- Português brasileiro
- Русский
- ไทย
- Tagalog
- Українська
- Tiếng Việt
- 简体中文
- 繁體中文
О переводах
Rule Stock-Fotos und Bilder — Getty Images
- CREATIVE
- EDITORIAL
- VIDEOS
Beste Übereinstimmung
Neuestes
Ältestes
Am beliebtesten
Alle Zeiträume24 Stunden48 Stunden72 Stunden7 Tage30 Tage12 MonateAngepasster Zeitraum
Lizenzfrei
Lizenzpflichtig
RF und RM
Durchstöbern Sie 215.



правило фотографии | Скачать бесплатные картинки на Unsplash
Rule Pictures | Скачать бесплатные изображения на Unsplash- A Photophotos в рамке 498
- Степка фотосколков 798
- Группа людей 86
человек
Tingey Law Firm
Young Womenserbiaarm
Lawusanv
Young Womenserbiaarm
Lawusanv
Young WomenserbiaArm
Lawusanv
Young WomenserbiaArm
Lawusanv
.
signphoenixpath
юридическийзакон и порядокбронзовая статуя
сша orindastreet
СправедливостьПлохой пареньсговор
сиденияна открытом воздухесоциальная дистанция
Игрушки картинкиHD обои для ПКHd обои
Hd обои для компьютераHd обои для ноутбукаотпуск
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
erlangengermanyruler
фигуркасправедливостьледи правосудие0011
веселофизическое давлениеодна девушка только
Спорт фототеннисТекстура фоны
письменный столшкола эскиз
полдорожкаобои на пол
Похожие коллекции
Жвачные животные RULE!
104 фото · Куратор Peter BallerstedtCats Rule
75 фото · Куратор Cat ClanRule of Thirds
59 фото · Куратор Cheyenne Eggertyoung women rosebankarmjohannesburg
1110011
Письменные книги Изображения и PhotobsWebsite Faines
Tingey Law Fromantas Vegas Pictures & Images
Sports Imagestennistexture. правозакон и порядокбронзовая статуя
справедливостьплохой пареньсговор
полдорожкаобои для пола
gamerosebankjohannesburg
–––– –––– –––– – –––– ––––– –– – –– –––– – – –– ––– –– – ––– – –.
lawusanv
фигуркасправедливостьледи правосудие
signphoenixpath
United Statesorindastreet
Похожие коллекции
Жвачные животные ПРАВЯТ!
104 фото · Куратор Peter BallerstedtCats Rule
75 фото · Куратор Cat ClanRule of Thirds
59 photos · Curated by Cheyenne Eggertfunphysical pressureone young woman only
seatingoutdoor seatingsocial distance
Toys picturesHd pc wallpapersHd wallpapers
Unsplash logoUnsplash+
In collaboration with Getty Images
Unsplash+
Unlock
young womenserbiaarm
Markus Spiske
erlangengermanyruler
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –– –– – –.