Руководство по фоновым изображениям в электронных письмах — Email Uplers

Фоновые изображения поднимают визуальную привлекательность ваших электронных писем на новый уровень. Вот как вы можете использовать это правильно….

[Этот блог был изначально опубликован

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

Зачем отправлять фоновые изображения по электронной почте?

Наш мозг может обрабатывать изображения с невероятной скоростью — 0,013 секунды. Другое исследование показывает, что 92,6% людей говорят, что визуальное измерение является основным фактором, влияющим на их решение о покупке. Таким образом, бренды часто полагаются на изображения и графику продуктов, чтобы вызвать интерес к маркетинговым электронным письмам; и добавление фоновых изображений является одним из таких мощных инструментов, используемых ими. Проще говоря, фоновые изображения писем подчеркивают визуальную привлекательность вашего письма и стимулируют ваших читателей к взаимодействию с контентом.

Этот метод дизайна хорошо применяется в мире Интернета, но, к сожалению, что касается электронной почты, маркетологи все еще неохотно используют этот действительно привлекательный маркетинговый инструмент. Почему?
Основная проблема с добавлением фонового изображения в сообщение электронной почты заключается в том, что оно поддерживается не во всех почтовых клиентах (блокировка изображения). Например, рендеринг фонового изображения Outlook — это полторы задачи. Так что, если вы хотите создать вау-фактор с фоновыми изображениями в шаблоне электронной почты, вам нужно знать, какие ESP будут поддерживать ваши изображения, а какие потребуют от вас дополнительных усилий, чтобы убедиться, что ваш дизайн выглядит именно так, как вы этого хотите. к. Это означает ознакомление с правилами рендеринга, которые связаны с каждым клиентом. Например, фоновое изображение Outlook отображается правильно, только если для всего письма используется один фон. Если вы попытаетесь использовать разные фоны для разных элементов электронной почты, ошибки начнут заявлять о себе.

Блокировка изображений электронной почты является результатом настроек по умолчанию многих провайдеров электронной почты или предоставленных ими личных предпочтений. Блокировка может помешать вашей маркетинговой кампании и даже не повлиять на потенциальных клиентов; в некоторых крайних случаях вы можете просто произвести неблагоприятное впечатление на своих читателей.
Неправильное соотношение текста и изображения (которое не равно 80:20) может иметь катастрофические последствия для вашей кампании по электронной почте, если почтовый клиент заблокирует ваши изображения. Рекомендации для идеального соотношения текста и изображения в электронных письмах >>

Итак, давайте сосредоточимся на инструменте, который поможет вашему фоновому шаблону электронной почты отображаться у всех поставщиков электронной почты — ну, почти у всех.

Как добавить фоновые изображения — пуленепробиваемый инструмент

Главным виновником, похоже, является Outlook 07/10/13, который не поддерживает ни фоновые изображения электронной почты таблицы, ни стили фонового изображения. Метод пуленепробиваемого фонового изображения Campaign Monitor может стать хорошим решением этой проблемы. Убедитесь, что вы проверили, поддерживают ли ваши ESP кодирование VML (язык векторной разметки), если у вас есть одно целое фоновое изображение для вашего электронного письма. Но на всякий случай, если вы повторяете фоновое изображение шаблона электронной почты, вы можете применить его в теге body и top table со свойством повторения, и оно будет отображаться в Outlook 7, 10, 13 даже без кода VML.
Вы можете проверить это на backgrounds.cm

Здесь вы можете применить красочный фон шаблона электронной почты ко всему письму, а также к ячейкам таблицы; и вы можете сгенерировать код для обоих сценариев.

Единственная проблема, которая может возникнуть, это размер образа. Если Outlook 2000 и более поздние версии посчитают ваше изображение слишком большим (размер или размер), может произойти сбой. Поэтому, прежде чем перейти к фоновому изображению электронной почты в формате HTML, очень важно проверить правильность размера изображений. Кроме того, проверьте свою электронную почту в активной копии Outlook. Чтобы увидеть больше привлекательных шаблонов писем, нажмите здесь.

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

ВАУ-фактор

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

SALESFORCE

Рекламное электронное письмо Salesforce содержит иллюстративное фоновое изображение с текстом на переднем плане таким образом, что внимание распределяется поровну.

MINTEL

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

Источник изображения

NATIONAL GEOGRAPHIC

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

MAMMUT

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

Источник изображения

AMC STUBS

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

ACNE

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

BLANCA RESORT AND SPA

Это письмо от BLANCA Resort and Spa дает реальное представление о курорте благодаря фоновым изображениям в ячейках таблицы (а не всему тексту письма). В этом случае фоновое изображение впечатляюще передает атмосферу и возможности, которые они предоставляют.

PELOTON

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

Источник изображения

Выводы
  • Визуальное измерение является основным фактором, влияющим на решение о покупке
  • Таким образом, фоновые изображения могут помочь в конверсии
  • Изображения поддерживаются не во всех почтовых клиентах, особенно в Outlook
  • Проверьте свое HTML-письмо с фоновым изображением в активной копии Outlook; большие изображения могут привести к сбою
  • Добавьте текст ALT для ваших изображений
  • Укажите размер изображения; ваш текст ALT будет находиться в этом фрейме
  • Установите цвет фона в качестве запасного
Вам понравился этот пост? Поделись!
  • Скопировано в буфер обмена

4 эффективных способа удалить фон изображения в Google Slides

Главная > Ресурс > Редактировать фото > Удалить фон с изображения в Google Slides

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

Как удалить фон изображения в Google Slides ? Прозрачность действует как удовольствие для фоновых изображений, поскольку она помогает затемнить изображение, чтобы тексты и слова усиливали фокус и были более спокойными для чтения. Просто узнайте больше об окончательном руководстве по созданию прозрачного фона изображения в Google Slides из статьи.

  • Часть 1. Как удалить фон с изображения в Google Slides
  • Часть 2: лучший способ удалить фон изображения для Google Slides
  • Часть 3: Еще 2 способа сделать прозрачный фон для Google Slides
  • Часть 4. Часто задаваемые вопросы об удалении фона с изображений в Google Slides

Часть 1: Как удалить фон с изображения в Google Slides

Отличная презентация зависит не только от ее содержания, но и от макета. Нетрудно удалить фон с изображения в Google Slides напрямую с помощью параметров формата. Этого нельзя достичь в Google Slides. Вам все равно придется использовать внешние инструменты.

Шаг 1:

Войдите в Google Slides, войдя на docs.google.com/presentation или запустив приложение. Кроме того, вы также можете начать презентацию в Google Slides с нуля.

Шаг 2:

Нажмите кнопку «Вставить изображение». Затем нажмите кнопку «Загрузить с компьютера» и выберите нужное изображение, которое вы хотите загрузить. Щелкните изображение правой кнопкой мыши, чтобы перейти к новой строке меню.

Шаг 3:

Нажмите кнопку «Параметры формата», и справа появится панель. Здесь вы можете найти несколько параметров редактирования, таких как «Размер и поворот», «Положение», «Перекрасить» и т. д.

Шаг 4:

Разверните раздел «Настройки» и переместите ползунок «Прозрачность» вправо. Просто переместите ползунок, чтобы настроить прозрачность, чтобы удалить фон изображения в Google Slides.

Часть 2. Лучший способ удалить фон изображения для Google Slides

Google Slides предоставляет только основные функции для создания прозрачного изображения. Когда вам нужно стереть фон изображения для Google Slides, Aiseesoft Free Background Remover Online — это рабочий метод удаления фона изображения с помощью технологии AI. Кроме того, он позволяет вам изменить цвет фона фотографии на прозрачный, сплошной и другие, которые вам нравятся. Вы также можете уточнить края, чтобы отшлифовать фотографии, обрезать нужную часть или дополнительно отредактировать фотографии в Интернете одним щелчком мыши.

  • 1. Удалите фон изображения и аккуратно удалите края.
  • 2. Обеспечьте распознавание AI, чтобы выбрать выделение, которое вы хотите удалить.
  • 3. Предварительный просмотр исходной фотографии и обработанной фотографии.
  • 4. Измените на другой сплошной фон после того, как сделаете изображение прозрачным.
  • 5. Обрежьте фон в соответствии с вашими потребностями.

Шаг 1:

Зайдите в Aiseesoft Free Background Remover Online в своем браузере.

Нажмите кнопку «Загрузить портрет» или просто перетащите нужную фотографию, фон которой вы хотите удалить.

Шаг 2:

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

Шаг 3:

При желании вы можете уточнить край объекта переднего плана с помощью инструментов «Зарезервировано» и «Стирание». Кроме того, вы можете просмотреть и настроить эффект вывода в окне предварительного просмотра.

Шаг 4:

После того, как вы сделали прозрачные изображения для Google Slides, вы также можете изменить все фоны на сплошной цвет. Нажмите кнопку «Сохранить», чтобы напрямую сохранить улучшенную фотографию в формате PNG.

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

Часть 3: еще 2 способа сделать прозрачный фон для Google Slides

Метод 1. Remove.bg

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

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

Способ 2. Canva

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

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

Часть 4. Часто задаваемые вопросы об удалении фона с изображений в Google Slides

Как добавить прозрачные изображения в презентацию Google Slides?

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

Могу ли я изменить цвет изображений в Google Slides?

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

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *