Статья обновлена 09.07.2022
Добавить графическую иллюстрацию к объявлению — сложнее, чем может показаться на первый взгляд. Нужно не только соблюдать технические требования системы к картинкам, но и правильно работать с визуальным рядом и «цеплять» аудиторию. В статье расскажем про актуальные требования к изображениям и лайфхаки по работе с ними.
Технические требования к размерам изображений для РСЯ
Картинки в рекламе Яндекс.Директа могут использоваться практически в любых форматах. Если лишь одно исключение — изображения на поиске Яндекс.Директ недоступны, так как там содержится только текст. Во всех остальных случаях картинка в РСЯ поможет выделить ваше объявление среди остальных и усилить его посыл.
Разберем технические требованиям к изображениям. Какой размер картинки для рекламы в Яндекс.Директ допустим, что нужно для РСЯ, какие нужны форматы изображений и какие ограничения существуют? Перечисляем ниже.
- Качественные изображения без цифрового шума и размытий.
- Максимальный вес картинки — 10 Мб.
- Ограничения по размеру — от 450 пикселей в десктопной версии, от 1080 пикселей в мобильной версии. Обе стороны картинки должны быть равными и не превышать указанный ниже размер. Например, если вы хотите загрузить фото размером 400×450, оно не удовлетворяет требованиям — одна сторона визуала меньше другой.
- Для широкоформатных блоков размер фото должен быть не менее 1080×607 и с соотношением сторон 16:9. Для стандартных изображений нет требований по пропорциям, типовые — это 4:3 или 3:4.
- Любые дополнительные элементы — кнопки перехода, лого, фон, заливки, градиенты и так далее — должны занимать не более 1/5 от общей площади картинки.
- Доступные для загрузки форматы — JPG, PNG, GIF. В последнем случае анимированный гиф не будет показываться целиком — только первый кадр.
Что нельзя размещать на картинках
Если на картинке находится то, что запрещено правилами Яндекса, она не пройдет модерацию. К таким элементам относятся:
- значки компьютерного интерфейса, которые могут ввести пользователей в заблуждение — например, иконки закрытия окна, нерабочие ссылки с подчеркиванием и подобные;
- элементы фирменного стиля Яндекса;
- водяные знаки;
- любые посторонние элементы, включая однотонную заливку, если она занимает более 1/5 от общей площади;
- текстовая контактная информация;
- запрещенные на площадке товары и услуги — наркотики, оружие, игорные заведения и так далее;
- логотипы и другая символика конкурентов;
- шокирующий контент — сцены насилия, товары для интима, похоронная атрибутика и так далее.
С полным списком можно ознакомиться в правилах.
Как добавить графику
Визуал, созданный по всем правилам, можно добавить на этапе создания рекламного объявления — графического, текстово-графического или мобильного.
- Перейдите в раздел создания нового объявления или редактирования существующего.
- В пункте «Изображение» нажмите «Выбрать…». Загрузите файл. Если он не загружается, значит, нарушены требования по размеру. Например, файл весит больше 10 Мб.
- В открывшемся окне выберите формат обрезки, если автоматический вариант вам не подошел. Здесь можно задать пропорции — стандартное изображение или широкоформатное с соотношением 16:9.
- Просмотрите получившиеся варианты объявлений в окне превью справа. Если картинка отображается не так, как нужно, переделайте ее и загрузите заново.
Полное исправление потребуется, например, если обрезаются важные части изображения или искажаются пропорции. Но когда у вас лишь немного смещается центр, можно поступить проще. В выпадающем меню раздела выберите пункт «Задать смарт-центры».
Смарт-центр — часть изображения, которую алгоритм будет сохранять в любом случае, что бы ни происходило с рекламным блоком.
Яндекс откроет окно, где вы сможете вручную отцентрировать картинку для каждого популярного формата. Двигая мышкой рамку, вы укажете системе, как кадрировать изображение в каждом случае. Затем сохраните изменения для всех форматов.
Что важно помнить при добавлении изображений
При показах в РСЯ некоторые рекламные блоки оптимизируются под формат показа на сайте-партнере. Это значит, что все загруженные изображения будут адаптированы под этот формат и могут обрезаться, уменьшаться и так далее. Изображение для одной рекламной площадки может быть горизонтальным, а для другой — вертикальным. Все возможные форматы указываются на этапе загрузки картинки в объявление.
В Яндекс.Директ для рекламного изображения существует 3 варианта настройки.
- Формат изображения задан жестко. Соотношение сторон и размер в пикселях не меняются. Даже если картинка не помещается в отведенный блок, она не будет растягиваться или уменьшаться.
- Адаптируемый шаблон. Каждое объявление настраивается индивидуально по конкретным размерам рекламного блока с помощью специального конструктора шаблонов.
- Размер изображения не фиксирован. То есть его формат будет адаптироваться под требования сайта рекламной сети. Например, обрезаться, менять пропорции картинки и так далее.
Как правило, в первых двух случаях после загрузки фото в объявление вам ничего делать не нужно.
Но при размещении изображения с нефиксированным размером важно представлять, как изменить картинку в объявлении так, чтобы она показывалась корректно во всех возможных форматах.
Обязательно проверьте в превью, как выглядит ваша картинка после того, как система уменьшила ее или подогнала под нужный размер. Иногда алгоритм «отрезает» важные части изображения — например, голову человека или часть товара.
Инструменты для работы с изображениями
Теперь рассмотрим, как делать рекламные изображения для Директа. Разберем самые популярные инструменты, с которыми справится даже человек без базовых дизайнерских навыков.
1. Поиск картинок в Гугле или Яндексе
Введите ключевое слово или фразу в любой поисковик, задайте в инструментах право на использование — в Яндексе это картинки с лицензией, в Google — тип лицензии Creative Commons. Подберите нужное изображение и скачайте его для дальнейшей загрузки в рекламу. Как добавить фото в Яндекс.Директ, вы уже знаете.
2. Фотобанки
Есть ряд ресурсов, которые содержат огромное количество фотографий и векторных иллюстраций для бесплатного использования. Часть из них русифицирована, часть — нет. Но все они предлагают миллиарды бесплатных изображений, в том числе для рекламы.
Единственный общий момент — нельзя использовать фото с любого из них так, чтобы создавалось впечатление, будто люди с картинки одобряют ваш товар или предложение. Соблюсти это правило просто: не делайте коллажи из ваших товаров и стоковых картинок.
Вот несколько ссылок на фотобанки, доступных в России:
- Freepik — есть различные категории, в том числе графические изображения и векторные;
- Flickr — миллиарды изображений для использования;
- Unsplash — фотобанк сообщества фотографов;
- Freeimages — можно сортировать по популярности, ориентации кадра и многим другим показателям;
- Dreamstime — есть категории от портретов людей до урбанистических миниатюр;
- This Person Does Not Exist — генератор лиц людей, которые реально не существуют.
Иногда фотобанки путают с фотостоками. Фотобанк содержит готовые изображения, доступные всем желающим. Они могут быть платными и бесплатными. Фотостоки продают уникальные авторские работы, которые можно использовать в коммерческих целях после оплаты лицензии и подписания соглашений о правах.
3. Редакторы и шаблоны
Редко бывает так, что подобранная картинка идеально подходит для решения ваших задач. Чаще всего ее нужно править. Рассмотрим простые и удобные инструменты для составления коллажей, изменения картинок и так далее:
4. Конструктор креативов Яндекса
Встроенный инструмент, который позволяет создать собственный креатив на основе готовых шаблонов и фотобанка. Чтобы им воспользоваться, начните создавать графическое объявление в группе кампаний. В выпадающем меню «Добавить» вы можете загрузить готовый креатив. Или же выбрать любой другой вариант: создать новый на основе шаблона или сделать адаптивный шаблон. Также можно доверить генерацию креативов искусственному интеллекту.
Посмотрим на примере, как создать новый креатив по шаблону и с фото из фотобанка Яндекса.
- Выберите пункт «Создать новый».
- В открывшемся окне выберите расположение элементов, которое вам нравится. При наведении на нужный шаблон появится надпись «Создать на основе» — нажмите на нее.
- Откроется окно для редактирования шаблона. Перейдите в меню изображения и задайте «Выбрать из библиотеки».
- Выберите нужную тематику и изображение.
- Система предложит обрезать картинку по любому существующему формату или по всем возможным. На этом этапе можно как изменить формат на единственный, так и задать разные размеры.
- Выберите один формат или задайте все допустимые размеры. Дальше система сделает всё автоматически.
- Заполните поля заголовка и текста.
Объявление с креативом готово к размещению.
Если этот метод кажется слишком сложным, вы можете выбрать вариант «Идеи креативов» на основной странице конструктора. Там достаточно указать URL целевой страницы, и система автоматически сгенерирует варианты изображений на основе тех, что уже есть на сайте.
Работает такой подход не всегда корректно. Но если вы заняты в области e-commerce, типовые баннеры точно получатся.
Полезные советы по созданию картинок для Яндекс.Директ
Соответствие выбранной картинки всем размерам и требованиям — это важно. Но есть и другие тонкости, которые нужно учесть при подборе визуала для любых медийных объявлений в Яндекс.Директ. Вот несколько принципов дизайна, которые помогут создать эффектные изображения.
1. Включите важные элементы дизайна
Хотя Яндекс.Директ не требует напрямую, чтобы все эти элементы присутствовали на картинке, их стоит включить. По данным HubSpot, каждый из них способен повысить CTR на 1-2%.
- CTA в виде иконки или указателя мыши
Это дополнительный визуальный сигнал, побуждающий пользователя нажать на ваше объявление. Не стоит использовать элементы, полностью копирующие иконки и указатели в ОС Windows или других популярных интерфейсов. Такую картинку может не пропустить модерация — это запрещено правилами Яндекс.Директ. Зато умелое сочетание кнопки CTA и стилизованной стрелки способно поднять кликабельность объявления. Вы как будто показываете пользователю алгоритм нужного действия.
- Цвет
Выбирайте красочные изображения, представляющие ваш бренд. Любая черно-белая картинка в рекламе всегда проигрывает цветной и хуже воспринимается человеческим мозгом. Так что не нужно заставлять потенциального клиента долго думать. Лучше пусть цветовая гамма подчеркнет общее УТП. Есть одно исключение из правила: при рекламе элитных товаров и мероприятий черно-белые вариации показывают лучшие результаты, как подсчитали в HubSpot.
- Логотип
Лого повышает узнаваемость бренда и позволяет «отстроиться» от конкурентов. Используйте контрастную версию, чтобы ее было легко распознать даже на небольших медийных объявлениях.
Хотя статистика Яндекса показывает, что использование лого может понизить CTR, это не совсем так. Чтобы эффективность объявления увеличилась, не стоит делать фирменный знак очень крупным. Он должен занимать не более 1/5 от площади всей картинки, оптимально — не более 1/10.
2. Будьте проще
Ваши изображения должны быть высокого качества и легко распознаваться, чтобы всего за несколько секунд потенциальный клиент понял, о чем идет речь. Никаких мелких деталей и расплывчатых контуров, побольше пространства — пусть человек сосредоточится на вашем предложении целиком.
Используйте отдельную картинку и не делайте коллажи. Обязательно проверяйте загруженные креативы на сжимаемость. Уменьшите его в несколько раз и посмотрите, можно ли разглядеть ваше УТП, не потерялись ли важные детали.
3. Будьте последовательны
Можно использовать в изображении цвета, которые выделят ваше объявление среди других. Но не увлекайтесь контрастами — визуал должен соответствовать бренду. Не используйте палитру, которая конфликтует с вашим логотипом и айдентикой. Разумеется, не пытайтесь подражать конкурентам или другому крупному бренду с узнаваемым фирменным стилем.
По возможности старайтесь согласовать картинку с целевой страницей, с которой связано объявление. Это укрепит доверие пользователей и положительно скажется на конверсиях. Если потенциальный клиент перейдет по красочному рекламному блоку на сайт с невыразительным дизайном, это увеличит процент отказов. Люди любят последовательность и подсознательно ожидают, что картинка и лендинг составлены в едином стиле рекламного предложения.
4. Следуйте правилу «центр в центре»
Размещайте центральный компонент в центре картинки, чтобы даже после обрезки и адаптации все изменения касались только фона. Рекомендуем оставлять как минимум пару сантиметров пустого пространства с каждого края.
Следуйте золотому правилу: в центре должна находиться самая важная часть изображения. Чем ближе к краям, тем менее важные элементы могут там располагаться.
5. Создавайте варианты
При загрузке изображений делайте как минимум 3 варианта в разных пропорциях — прямоугольный горизонтальный, прямоугольный вертикальный и квадратный. Это позволит вам охватить максимальное количество рекламных площадок для показа.
6. Ориентируйтесь на свою ЦА
Если вы используете изображение людей, подбирайте образы, которые отражают портрет именно вашего клиента. Обычные стоковые изображения счастливых семей или типовых людей показывают результаты хуже, чем те, которые привязаны к продукту или услуге.
7. Проверяйте авторство
Не используйте картинки, которые могут нарушать авторские права, даже если модерация случайно пропустит такое. Последствия могут наступить в отдаленном будущем, если обиженный автор потребует с вас компенсацию.
Недостаточно просто взять красивую картинку из интернета — обязательно проверьте авторство и лицензию на ее использование.
8. Ориентируйтесь на стандарты
Самые беспроигрышные варианты изображений для рекламы практически любых товаров или услуг — это дети или симпатичные животные: котята, щенки. По данным HubSpot, они по-прежнему вызывают живой эмоциональный отклик и повышают эффективность объявлений. Но у ваших клиентов могут быть другие предпочтения — красивые пейзажи или современная техника. Если вы не знаете, какой именно креатив придумать, используйте простые и проверенные решения.
9. Не гонитесь за яркостью
Многие объявления устроены по принципу «чем ярче, тем лучше». Но последние исследования Statista доказали, что обилие контрастных цветов на веб-странице приводит к «рекламной слепоте», так что глаз невольно останавливается на самых неярких участках. При подборе визуала учтите этот нюанс и не делайте картинку слишком контрастной.
Общий фон тоже не должен доминировать. Чем ярче цвет, который вы выбрали, тем быстрее он выходит на первый план, а светлые товары на этом фоне могут просто потеряться.
10. Проводите A/B-тестирование
Регулярное тестирование рекламных изображений — лучший способ повысить эффективность объявления и найти оптимальный дизайн для своей ЦА. Это не значит, что нужно делать два совершенно разных объявления. Вместо этого попробуйте внести небольшие изменения в исходную картинку и оцените, насколько изменится результат.
11. Постоянно оптимизируйте картинки
После первичного тестирования и запуска РК с выбранным креативом эффективность объявлений всё еще остается под вопросом. То, что хорошо работает в течение месяца, может утратить актуальность в перспективе. Так что проверяйте отчеты по медийным объявлениям в Директе — каждые 2–4 недели.
- Удаляйте или заменяйте картинки, которые работают плохо или теряют эффективность со временем.
- Отмечайте общие черты в визуалах, которые показывают хорошие результаты — например, контекст, цвет или стиль. Создавайте новые картинки на их основе.
- Дайте искусственном интеллекту время на сбор статистики — добавляйте новые изображения не чаще одного раза в неделю.
- Если у вас несколько объявлений, заменяйте в них изображения постепенно.
Частые вопросы
Какие требования к изображениям в Яндекс.Директ существуют?
Есть ли ограничения по содержанию картинок?
Какие элементы на картинке повышают CTR?
Подпишитесь на рассылку ROMI center:
Получайте советы и лайфхаки, дайджесты интересных статей и новости об интернет-маркетинге и веб-аналитике: