Создание и оптимизация анимированных GIF-файлов для электронной почты (обновлено)

  1. Что такое анимированный GIF?
  2. Как вы создаете анимированный GIF?
  3. Покадровая анимация
  4. Импорт видеокадров
  5. Хронология анимации
  6. Альтернативы Adobe Photoshop
  7. Оптимизация вашего анимированного GIF
  8. 1. Только оживите то, что вам нужно, чтобы оживить
  9. 2. Держите это маленьким
  10. 3. Держите это коротким
  11. 4. Не используйте каждый цвет под солнцем
  12. Сохранение вашего GIF
  13. Насколько большой слишком большой?
  14. Совместимость с анимированным GIF
  15. Соображения с анимированными гифками

Статья впервые опубликована в мае 2016 года, обновлена ​​в январе 2019 года

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

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

Что такое анимированный GIF?

GIF - это файл изображения, такой как JPG или PNG, но GIF может содержать анимацию. Тип анимации может варьироваться: это могут быть сцены, вырезанные из видео, или анимация в стиле слайд-шоу с несколькими неподвижными кадрами разных изображений.

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

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

Посмотрите, как Monica Vinader использует GIF в своей электронной почте для демонстрации своих продуктов:

Посмотрите, как Monica Vinader использует GIF в своей электронной почте для демонстрации своих продуктов:

Как вы создаете анимированный GIF?

Вы можете создать анимированный GIF, используя различные типы программного обеспечения. Здесь мы поговорим о том, о чем вы, скорее всего, знаете и уже привыкли: Adobe Photoshop.

С помощью Adobe Photoshop вы можете создавать анимированные GIF-файлы с помощью различных методов, включая покадровую анимацию и импорт видео.

Покадровая анимация

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

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

В разделе «Окно» на панели инструментов выберите окно «Временная шкала».

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

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

Импорт видеокадров

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

Просто зайдите в File > Import > Video Frames to Layers

Затем вы сможете выбрать, какую часть своего видео вы хотите превратить в GIF. Мы рекомендуем вам ограничить ваш импорт каждые 3 кадра и выбрать сцену или клип из видео, которое вы импортируете. Затем выберите опцию «Сделать рамочную анимацию».

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

Хронология анимации

Если вы чувствуете себя смелым и хотите немного поработать над техническим ноу-хау в Adobe Photoshop, есть еще один вариант создания анимированных GIF-файлов с использованием функции временной шкалы. Дэн Денни имеет отличный учебник по этому методу ,

Альтернативы Adobe Photoshop

Если у вас нет Adobe Photoshop, есть другие альтернативы созданию собственных анимированных GIF-файлов для ваших кампаний:

1. GIF аниматор - Windows
2. Instagiffer - Mac & Windows
3. GIF Пивоварня - Mac

Популярная платформа хостинга изображений, Imgur имеет собственный конвертер видео в GIF, доступный бесплатно онлайн, отличное решение, если у вас мало ресурсов. Однако с помощью этого инструмента вы будете ограничены конвертированием всего лишь 15-секундного клипа вашего видео, и видео должно быть размещено в Интернете на YouTube, Vimeo или другой платформе видеохостинга.

Оптимизация вашего анимированного GIF

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

1. Только оживите то, что вам нужно, чтобы оживить

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

2. Держите это маленьким

Чем больше размеры создаваемого вами изображения, тем больше будет размер файла. Обрезайте изображение настолько, насколько это возможно, только в том разделе, который вы анимируете.

3. Держите это коротким

Чем меньше кадров анимации, тем короче будет ваш GIF и тем меньше будет размер файла изображения. Большая победа. Удалите ненужные кадры из вашего GIF, поскольку человеческий глаз не может обнаружить самое маленькое движение, поэтому удаление каждого третьего кадра из импортированного видео GIF является вполне приемлемым.

4. Не используйте каждый цвет под солнцем

Чем больше цветов в анимированном GIF, тем больше будет размер файла. Имейте это в виду, когда выбираете то, что хотели бы оживить.

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

Сохранение вашего GIF

В Adobe Photoshop перейдите в « Файл» и затем « Сохранить для Web» или нажмите сочетание клавиш CTRL-ALT-S.

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

В верхнем правом углу окна «Сохранить для Web» вы увидите параметр «Цвета». Когда вы поиграете с этим параметром, увеличивая или уменьшая его, вы заметите изменения в GIF. Постарайтесь сделать это число как можно меньшим, не жертвуя качеством анимированного GIF.

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

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

Насколько большой слишком большой?

Теперь вы можете задаться вопросом, насколько велики размеры анимированных изображений GIF? Мы видели фантастические анимации в больших GIF-файлах размером менее 1 МБ, а также более сложные - более 10 МБ! Имейте в виду, что ваши подписчики могут быть просмотр вашей электронной почты на мобильном устройстве , Если ваш анимированный GIF слишком большой по размеру, полная загрузка займет слишком много времени, и ваш подписчик даже не увидит вашу полную анимацию.

Рекомендуется сохранять размер файла как можно ближе к 1 МБ. Под идеальным. Немного по-прежнему все в порядке, хотя.

Совместимость с анимированным GIF

Поскольку GIF является старым форматом файлов изображений, созданным еще в 1987 году, да, вы правильно поняли. GIF существуют более 30 лет - это широко поддерживаемый формат файлов.

Тем не менее, анимированный GIF не работает везде. В Outlook 2007, 2010, 2013 и Windows Phone 7 будет показан только первый кадр вашего анимированного GIF. Поэтому убедитесь, что любая ключевая информация, которую вам абсолютно необходимо передать, находится в этом первом кадре, и что ваша электронная почта будет по-прежнему выглядеть так же великолепно, как и с анимацией, как и в этом первом кадре.

Соображения с анимированными гифками

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

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

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

Анимированный GIF вернулся с самого первого появления в 80-х. Если вы не включили его в свои почтовые кампании, самое время это сделать. Они являются отличной альтернативой видеоконтенту и широко поддерживаются.

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

Похожие

Что такое Кейлоггер-Касперский Daily
Современные современные вредоносные инструменты часто включают в себя несколько различных компонентов, каждый из которых имеет свое описание работы. Эти программы больше похожи на швейцарские армейские ножи, а не на отдельные инструменты, и дают злоумышленнику возможность выполнять ряд различных действий на взломанной системе. Одним из компонентов, который часто присутствует в этих инструментах атаки, является кейлоггер
Как изменить цвет в частях изображения в Adobe Photoshop
... стой способ внесения глобальных изменений в определенный диапазон цветов в изображении без необходимости сначала создавать область выделения. На этом изображении старой витрины цвет фасада должен быть изменен с красного на зеленый.
Как скачать Adobe
Adobe является очень популярным программным обеспечением для своих видео- и цифровых графических продуктов, таких как Flash Player , Acrobat Reader и Photoshop . Фактически, многие, многие пользователи используют известные компьютерные программы каждый день. Некоторые фирменные программы Adobe можно найти бесплатно , а другие платные . Как скажешь? Вы уже знаете об этом
Как получить EHIC не выходя из дома?
... что не все льготы будут бесплатными (читайте больше на эту тему здесь ). Карта EHIC бесплатна! Это стоит использовать и подать заявку на это в провинциальный департамент NHF, особенно сейчас, когда вы можете сделать это полностью онлайн. Тебе не нужно никуда идти, чтобы никуда ее не забрать! Офис отправит вам открытку домой по почте ! Удобно и прямо! Я уже подал
Android: это 5 лучших антивирусных приложений для вашего смартфона
Антивирусное приложение для Android теперь обязательно. Поэтому пользователи не должны стесняться устанавливать правильное приложение на свой смартфон. Чтобы оценить эффективность защиты, независимый институт AV-Test тестирует различные антивирусные решения. Это 5 лучших антивирусных сканеров для вашего смартфона на Android. Хороший сканер вирусов для Android защищает вас от интернет-угроз. (Источник: Netzwelt) содержание
Как транслировать локальные медиа с вашего Mac на Chromecast
Реклама Google Chromecast является одним из лучших гаджетов в последние годы. Недорогой ключ превращает любой телевизор в умный телевизор, поэтому вы можете смотреть YouTube или Netflix на большом экране, одновременно управляя им со смартфона в руке. Но это еще не все, что есть, есть много других причины любить Chromecast
Полные остановки: руководство
... сли вы североамериканец, вам может быть интересно, какие именно остановки. Ну, вот подсказка - есть одна в конце этого предложения. Основная функция точных остановок, или периодов, состоит в том, чтобы отметить конец предложения. Кажется достаточно простым, верно? Вы можете даже задаться вопросом, есть ли что-то еще, чтобы сказать о периодах, так что давайте рассмотрим историю и тонкости использования этого, о, очень важного, но недооцененного, кусочка
3 простых способа доступа к загруженным приложениям на Android TV
Реклама По мере того, как Android TV продолжает расти, все больше и больше людей начинают использовать платформу. Существует большое разнообразие телевизионных приставок, работающих под управлением операционной системы. Некоторые, такие как Nvidia Shield, стоят много денег и мечта кусачек 7 причин, по
ЭКСПЕРТ РАДЗИ - логистика для электронной коммерции - 3CARGO
... что эффективный логистический сервис имеет большое значение для конкурентоспособности магазина и, следовательно, - может повлиять на его «быть или не быть» на рынке услуг электронной коммерции. Принятая логистическая модель зависит от потребностей данного магазина, характера его операций, профиля получателей. В целом, однако, логистический сервис электронной коммерции состоит из: получение товара, мониторинг, Склады обработка и обработка
Лучшие аддоны Firefox
Реклама Firefox славится своими аддонами, и на то есть веская причина: они могут заставить ваш браузер делать что угодно. Но какие дополнения являются наиболее полезными? Вот аддоны, которые мы считаем лучшими, что они делают и где их можно найти. Наслаждайтесь! Также дайте нам знать, если мы что-то пропустили, хорошо? Мы обновляли этот список регулярно. закладки Если вы используете Интернет для исследований, вам нужно быстро сохранить то, что вы
Ваш отель глазами гостя. Вы ориентированы на гостя?
Ориентированный на гостя подход - «войти в туфлю гостя», смотреть глазами, думать головой, чувствовать пальцы. Не только во время пребывания в отеле, потому что путешествие начинается с самой идеи, с поиска вдохновения для путешествия и выбора предложения. С чего начать? Как и в классическом маркетинге, сначала необходимо определить наиболее важные группы наших гостей. Для кого наш отель? Они приходят издалека или рядом? Сами, с семьей, с группой друзей, с коллегами? Вам нужен мир

Комментарии

Что это такое и как это может помочь вам добиться успеха вашей компании?
Что это такое и как это может помочь вам добиться успеха вашей компании? Коэффициент конверсии - это количество достигнутых целей, деленное на количество получателей. Цель может состоять в том, чтобы продать товар, подписаться на рассылку новостей или сделать телефонный звонок. Чтобы получить его, просто разделите количество транзакций (продаж) или других желаемых действий на количество людей, которые посетили наш сайт. Средний коэффициент конверсии составляет 2%. Лучшие сайты имеют его
Вам нужно что-то еще, чтобы убедить вас, что в списке выше вы найдете все, что ищете?
Вам нужно что-то еще, чтобы убедить вас, что в списке выше вы найдете все, что ищете?
Что такое «добросовестное использование» и как оно работает?
Что такое «добросовестное использование» и как оно работает? Добросовестное использование - это юридическая доктрина, которая гласит, что в некоторых случаях вы можете ограниченно использовать защищенные авторским правом источники без разрешения владельца авторских прав. Он определяется судьей, который анализирует конкретное дело на основе набора принципов в Соединенных Штатах. В частности, добросовестное использование источников YouTube может применяться в следующих
Итак, что нужно сделать, чтобы достичь своих целей в этом отношении?
Итак, что нужно сделать, чтобы достичь своих целей в этом отношении? Защита от злоумышленников Прежде всего, хорошее программное обеспечение очень важно. Антивирус Тест снова и снова показывает, какие компании в настоящее время находятся
Мы слишком привыкли к ним, они использовались слишком долго, и кроме того, чем бы мы их заменили?
Мы слишком привыкли к ним, они использовались слишком долго, и кроме того, чем бы мы их заменили? Google просто перестает подвергать их чрезмерной критике, потому что, в основном, что дает нам тот факт, что в адресной строке мы видим весь URL? Практически ничего. Однако я надеюсь, что функция показа полного адреса после наведения на ссылку не исчезнет. Уже после самого URL можно многое сделать о странице, на которую мы должны попасть, и иногда, основываясь на самом адресе, мы решаем,
Насколько надежными вам должны быть функции?
Насколько надежными вам должны быть функции? Если вам просто нужно сгенерировать код, который будет генерировать базовый код PHP, вы можете выбрать базовый или бесплатный генератор кода. Однако, если вы собираетесь использовать генератор для создания расширенных форм, управления сложными базами данных или экспорта данных в файлы различных типов, вам, вероятно, потребуется потратить немного денег. Кроме того, многие бесплатные генераторы будут работать только с базами
Что такое много?
Что такое много? Лот Форекс - это торговый термин, используемый для описания размера торговой позиции в Форекс со ссылкой на стандарт
Все еще потрясающе после всех этих лет StumbleUpon для Firefox - это все еще круто StumbleUpon для Firefox - это все еще круто Где вы можете найти интересные места, на которые стоит посмотреть?
Что такое «добросовестное использование» и как оно работает? Добросовестное использование - это юридическая доктрина, которая гласит, что в некоторых случаях вы можете ограниченно использовать защищенные авторским правом источники без разрешения владельца авторских прав. Он определяется судьей, который анализирует конкретное дело на основе набора принципов в Соединенных Штатах. В частности, добросовестное использование источников YouTube может применяться в следующих
Вы просматриваете блог или другую страницу на WordPress и хотите узнать, какой шаблон вы создали?
Вы просматриваете блог или другую страницу на WordPress и хотите узнать, какой шаблон вы создали? Посмотрите, как проверить тему WordPress на странице, определить шаблон и найти его самостоятельно в Интернете. Многие
2. А сколько блоггеров знают, что такое свинец?
2. А сколько блоггеров знают, что такое свинец? Я недавно задал этот вопрос своим «участникам семинара» на BLOG FEST. Большинство не знали. Хорошо, но они только начинают вести блог. Они как раз собирались чему-то научиться. Я также пошел в Форум Блогов Гданьск, чтобы узнать кое-что. Мы учимся постоянно, независимо от уровня развития блога. К сожалению, панель, из которой мы, блоггеры, могли бы многое поднять, путем нескольких непродуманных текстов одного из участников дискуссии вызвала бурю
Но если деньги бесполезны, и вы ищете один из самых эффективных смартфонов в мире, то будет ли новый Note 9 отмечен флажками?
Но если деньги бесполезны, и вы ищете один из самых эффективных смартфонов в мире, то будет ли новый Note 9 отмечен флажками? Galaxy Note 9 является последним дополнением к линейке смартфонов ультра-высокого класса от Samsung, сочетая огромный 6,4-дюймовый дисплей Quad HD + с гладким и утонченным корпусом из алюминия и стекла. Он имеет 6 ГБ оперативной памяти и аккумулятор емкостью 4000 мАч - самый большой на сегодняшний день. Если вы платите более 1000 фунтов стерлингов

Что такое анимированный GIF?
Как вы создаете анимированный GIF?
Что такое анимированный GIF?
Насколько большой слишком большой?
Теперь вы можете задаться вопросом, насколько велики размеры анимированных изображений GIF?
Как скажешь?
Кажется достаточно простым, верно?
Но какие дополнения являются наиболее полезными?
Также дайте нам знать, если мы что-то пропустили, хорошо?
Вы ориентированы на гостя?