Как вставлять открытки в письмо. Как вставлять и просматривать анимированные изображения GIF в электронной почте Outlook? Как вставить гифку в письмо outlook

Предположим, что получатели электронной почты, вероятно, будут просматривать электронную почту в браузере Интернета, вы можете вставить анимированный GIF-образ в электронном письме ради визуального описания или других. Здесь в этой статье будут представлены способы вставки анимированных изображений GIF в электронные письма Outlook и просмотра анимированных изображений GIF в полученных письмах в Outlook.

Быстрый поиск и удаление повторяющихся писем в Outlook

С помощью Kutools для Outlook Повторяющиеся письма вы можете быстро найти и удалить их из нескольких почтовых папок или найти и удалить все дубликаты из выбранных с двумя щелчками мыши в Outlook. Нажмите для бесплатной пробной версии 60-дня без ограничений!

Kutools for Outlook : 100 + Новые расширенные инструменты для Outlook.
Office Tab : Включить редактирование вкладок и просмотр в офисе , Just Like Chrome, Firefox, IE 8 / 9 / 10.
Классическое меню : Принесите старые меню и панели инструментов назад для Office 2007, 2010, 2013, 2016 и 2019.

Вставьте анимированный GIF-образ в исходящее письмо в Outlook

Фактически, вы можете вставить анимированный GIF-образ так же просто, как вставить любое обычное изображение в составное письмо в Outlook.

1 . В почта просмотреть, создать новое электронное письмо с нажатием Главная > Новая Электронная почта .

2 , В новом окне сообщения поместите курсор в тело сообщения, в которое будет вставлено анимированное изображение GIF, и нажмите Вставить > Картинки , Смотрите скриншот:

3 , В открывшемся диалоговом окне «Вставить рисунок» найдите и выберите анимированный GIF-образ, который вы вставляете, и нажмите Вставить кнопка. Смотрите скриншот:


Внимание : Вставленный анимированный GIF-образ будет статичным в составном электронном письме.

4 , Составьте электронное письмо и отправьте его.

Внимание : Когда получатели просматривают электронную почту в браузерах, изображение GIF анимируется; Если получатели просматривают электронную почту в Outlook, они могут просматривать анимированный GIF-образ с помощью нижеуказанных методов.

Просмотр анимированного GIF-изображения в полученном электронном письме в Outlook

Например, вы получаете электронное письмо с анимированным GIF-изображением в Outlook, вы можете просмотреть изображение GIF, как показано ниже:

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

2 , В открывшемся окне сообщения нажмите Сообщение > Действия > Просмотр в браузере , Смотрите скриншот:

3 , В появившемся диалоговом окне Microsoft Outlook нажмите OK Кнопка.

И теперь содержимое электронной почты отображается в вашем браузере, а изображение GIF - анимировано.

Просмотр анимированного изображения Gif в полученном электронном письме с помощью Kutools for Outlook

Если у вас установлен Kutools for Outlook, вы можете просмотреть электронное письмо с анимированным GIF-изображением Расширенный Печать функцию.

1 . В почта просмотрите, откройте почтовую папку, содержащую письмо с анимированным изображением GIF, а затем нажмите, чтобы выбрать письмо.

2 . Щелчок Kutools > Расширенный Печать .


И теперь вы можете увидеть, как изображение GIF анимируется в области «Просмотр».

Внимание : С Kutools для Outlook Расширенный Печать вы можете легко распечатать электронное письмо без заголовка сообщения, без имени пользователя вверху. BTW, эта функция будет распечатывать электронные письма, включая фоновые изображения. Нажмите, чтобы скачать Kutools for Outlook , 60-day free tiral без ограничений!

Время чтения: 5 минут

GIF (Graphic Interchange Format) – широко распространенный формат, который хорошо отображается почти везде. Что ещё более важно – GIF может быть анимирован и быстрая смена нескольких кадров создаст иллюзию движения.

На заре интернета это был самый популярный способ, чтобы добавить интерактивности на сайт. Со временем его вытеснила flash- и css-анимации, но в сфере email-дизайна gif всё так же популярен, т.к никакие другие виды анимации не дают 100% гарантии отображения на всех клиентах (на самом деле gif тоже не дает такой гарантии, но практика показывает – на большинстве клиентов всё отображается корректно).

Особенности gif

У формата есть несколько особенностей, кроме поддержки анимации. Для простоты разобьем их на плюсы и минусы.

Минусы:

  • поддерживает только 256 цветов. Сочные и красивые фотографии потеряют часть своей яркости, если преобразовать их в формат gif.
  • итоговый вес анимации может быть большим. Например, если много кадров или файл большой по размеру. Для email-писем это критично, поэтому чаще всего приходится жертвовать качеством ради доставляемости.

Плюсы:

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

Как и где использовать анимацию

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

Смотрите как в магазине befree выделили блок со скидкой. Несмотря на то что там есть заголовок (который больше и ярче анимированного блока), всё равно анимация захватывает внимание на дольше:

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

Как сделать гифку

Есть разные степени сложности гифок. Самый топ – анимирование через Adobe After Effects или Adobe Animate. Но для создания качественной гифки нужно практиковаться не один год. Попроще будет работать с Adobe Photoshop – программа может преобразовать видео в покадровую последовательность и есть возможность редактировать кадры по вашему желанию. Пример создания подобной анимации можно найти .

Ещё один вид анимации – синемаграфия (когда один элемент на картинке двигается, а остальные как бы застыли). И как пример – одна из рассылок Амедиатеки:

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

Ну и самый простой способ, который не требует определенных навыков – использование онлайн-сервисов. Например, gifmaker.me или gifius.ru . Загружаете туда последовательность кадров (фотографий), выставляете необходимую скорость и размеры и на выходе получаете анимацию.

Какие проблемы могут возникнуть

Есть почтовые клиенты, которые не поддерживают анимацию: Outlook 2007, 2010 и 2013. Вместо этого они покажут первый кадр. Поэтому следите, чтобы первый кадр у вашей гифки был информативен. Смотрите в статистике кампаний с каких почтовых клиентов читают ваши рассылки – так вы лучше поймете свою аудиторию и сделаете письма более адаптивными.

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

Всегда следите за весом гифки. Если он слишком большой, то велика вероятность, что подписчик её не увидит. Даже если спам-фильтр пропустит её, то почтовый клиент может просто вырезать её из письма. На этот случай выставляйте alt-текст и ссылку на веб-версию.

Пример рассылки, который недавно пришел мне на почту. То, как выглядит это в почтовом клиенте и то, как на самом деле задумывалось письмо. Красивую гифку почтовый клиент просто вырезал, т.к она весила 5Мб (!):

в моем почтовом ящике:


по задумке создателей:

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

Что в итоге?

  1. Используйте гиф-анимацию в письмах – они цепляют и удерживают внимание и помогают акцентировать на самом главном.
  2. Следите за размером изображений, учитывайте ограничения почтовых клиентов.
  3. Используйте с умом: не делайте из письма сплошное анимационное представление.
  4. Используйте alt-текст (текст, который отобразится вместо картинки) и ссылку на веб-версию письма.

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

Инструкция

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

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

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

Обратите внимание

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

Нажмите Вставить видео

Вставьте ссылку на видео и нажмите Enter

После, выберите «Сгенерировать GIF».

Вы можете конвертировать часть видео, для этого нажмите «Часть видео». Потом добавьте «Время начала» и «Длительность» - до 5 секунд.

Если вы хотите, чтобы подписчики посмотрели полное видео, нажмите «Добавить наложение кнопки на изображение», и они будут перенаправлены на страницу с видео.

Также, вы можете добавить в анимацию длительность.

Выберите нужную ширину изображения.

Другой способ конвериторовать видео в GIF - использовать выбранные кадры

Используйте выбранные кадры

Выберите нужные кадры и задайте интервал между ними. Вы также можете добавить наложение кнопки на изображение и длительность.

Выберите предпросмотр и создайте GIF-изображение

Нажмите «Предпросмотр», чтобы узнать, как будет выглядеть анимация. Потом нажмите «Создать GIF-изображение». Подождите несколько секунд и добавьте GIF в шаблон.

Ваша GIF-анимация готова!

Вы когда-нибудь получали письмо с GIF-анимацией? Вы были заинтригованы его содержанием?

GIF ещё не успел стать трендом в email маркетинге, но стабильно и уверено набирает обороты.

Почему анимация привлекает ваше внимание?

У вас могут появиться такие ассоциации: загадка, любознательность, трепетное предвкушение чего-то. И это обсуловлено целью использования GIF-изображений в email маркетинге.

Почему стоит использовать GIF в email маркетинге

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

Конечно же, существует больше причин, почему стоит использовать GIF-анимацию в email рассылках, но перечисленные выше - самые основные.

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

Как использовать GIF в разных сферах деятельности

В разных сферах деятельности GIF можно применить по-разному, но есть и нечто общее.

День рождения клиента

Wanderlust + Co отправляли эту анимацию в письме подписчикам, у которых был день рождения. Она яркая и красивая, к тому же, есть заметный призыв к действию, значит, у них есть специальное предложение для именинников.

Специальные предложения

Это письмо от Rozetka. Они сообщают клиентам о скидках, упоминая известный мультсериал «The Simpsons».

Новые коллекции

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

Обучение

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

Событие

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

Подарок

Хотите заинтриговать, удивить и порадовать подписчиков? Такая подарочная коробка лучше любого призыва к действию.

Как правильно использовать GIF-изображения в рассылках

  1. Не используйте анимацию в каждой рассылке, иначе она станет для ваших подписчиков всего лишь обыденностью. Используйте её раз в месяц для разнообразия, например.
  2. Не используйте много GIF-изображений в одном письме, иначе они будут не только отвлекать внимание клиентов от вашего посыла, но и значительно повлияют на общий размер письма. Если он слишком большой, почтовый клиент подписчика не будет поддерживать его.
  3. Сделайте первый кадр самым информативным и интересным. Если почтовый клиент вашего подписчика не поддерживает GIF-анимацию, то отобразится только первый слайд.
  4. Избегайте ярких мигающих кадров и не делайте интервал между ними слишком коротким, иначе это вызовет раздражение и снизится информативность анимации.

Теперь вы знаете, как правильно использовать GIF, а чего стоит избегать. Будьте креативны и попробуйте применить анимацию прямо сейчас!