10 способов оптимизации gif

Другие опции

• Web Snap (Web-оснастка) помогает предотвратить размытие в браузере. Делается это путём привязки некоторых цветов к безопасным web-цветам. Чем больше web-цветов, находящихся в GIF, тем меньше браузером будет использоваться сглаживание. При значении 0% цвета будут не затронуты, а при значении 100% все цвета в изображении изменятся для Web-безопасности.
• Lossy (Потери) – данная опция контролирует степень потерь визуальной информации, которая способна уменьшать размер файла.
• Если в изображении содержится прозрачность, то поставьте галочку возле опции Transparency (Непрозрачность) для сохранения прозрачных пикселей. Убрав галочку, тем самым частично или в полной мере прозрачные пиксели заполнятся матовым цветом.
• При активной опции Interlaced (Чересстрочно) файлы формата GIF в браузере будут загружаться в несколько проходов.

Программы для создания гифок на компьютере

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

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

Photoshop дает целых два варианта, как сделать гифку — из картинок и видео. Давайте рассмотрим оба способа.

Как сделать гифку из фото в Photoshop. Создайте в программе новый файл. Разложите по слоям элементы будущей гифки, которые должны быть на разных кадрах. Теперь в верхней панели открываем меню «Окно» и выбираем «Шкала времени». Внизу появится новая панель, в центре будет кнопка, которую можно переключить стрелкой справа от нее. Выбираем для кнопки значение «Создать анимацию кадра» и жмем на нее.

На шкале появляется первый кадр, сразу устанавливаем для него длительность и оставляем видимым только нужный слой. Готовый кадр копируем нужное количество раз. Для каждого кадра оставляем видимыми соответствующие слои:

Как сделать гифку из картинок в Photoshop

Сохраняем через «Файл — Экспортировать — Сохранить для WEB»:

Раздел меню для сохранения гифки из картинок в Photoshop

Настраиваем параметры сохранения. Щелкните на тот вариант файла, который вы хотели бы сохранить: они отличаются качеством и, соответственно, весом. Выбранный вариант можно еще уменьшить за счет выбора меньшего количества цветов и уменьшения его ширины и высоты.

Проверьте, чтобы в настройках также был вверху указан формат выходного файла — GIF, а внизу, в настройках анимации — «Параметры повторов: Постоянно». Тогда у вас получится зацикленная гифка:

Настройки при сохранении гифки, созданной в Photoshop

Как сделать гифку в Photoshop из видео. Этот способ подойдет для обработки небольших по весу файлов, например, 50 Мб или меньше. С более тяжелыми видео программа будет очень долго грузиться.

Создаем новый файл и заходим в меню «Файл» — «Импортировать кадры видео в слои»:

Меню, через которое можно импортировать видео в Photoshop

Выбираем нужное видео, появится окно импорта. Выделяем кусочек, который нужен. Необязательно делать это с точностью до секунды, потом можно удалить лишнее. Чтобы облегчить будущую гифку, поставим чекбокс «Оставить каждый»: если здесь поставить 2, то кадров станет в два раза меньше, если 3 — то в три раза. Это не сильно скажется на качестве, просто гифка будет не такой плавной, как видео. И поставим чекбокс «Создать покадровую анимацию». Вот примерные настройки окна:

Настройки импорта видео для создания гиф-анимации в Photoshop

Далее делаем то же самое, что и при создании гифки из картинок. Вызываем шкалу времени в панели «Окно», кадры видео уже будут на ней:

Шкала времени при создании гифки в Photoshop

Отредактируйте кадры по желанию — измените их длительность или удалите лишние. Можно добавить в видеоряд еще какие-то картинки или текст. Сохраняем аналогично гифке из картинок — через экспорт для Web.

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

Сделать простую гифку из картинок на MacOS можно в бесплатной версии программы Photoscape X. Она также работает на Windows 10.

С Photoscape X работать удобно: это еще и редактор изображений, но гораздо проще, чем Photoshop. Можно сначала обрезать картинки, настроить их цвет, сделать коллаж или добавить текст, стрелки и другие фигуры.

Теперь покажу, как создать гифку из картинок при помощи Photoscape X. Выберите справа размер будущей гифки. Закиньте в окно редактора свои изображения и перетяните их в нужной последовательности. Затем настройте длину каждого кадра и переходы между ними:

Как сделать гифку из картинок на компьютере

Как вставить гифку в письмо

Гифки в письмах — это возможность показать анимацию там, где не поддерживаются все другие способы. Например, не всегда удается вставить видео в письмо. В основном анимация используется для:

• Яркого дизайна письма, привлечения внимания.
• Показа товаров. Например, несколько пар обуви сменяют друг друга в одной гифке или одна вещь показана с разных ракурсов.
• Демонстрации возможностей — прямо в письме показать, как работает продукт.

Шаг 1. Создаем гифку

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

1. Размер. Если гифка планируется во всю ширину письма, делайте ее не меньше 600 пикселей в ширину — это стандартный размер отображения письма в почтовых программах на десктопе. Если делаете на половину ширины, то 300 пикселей и так далее.
2. Вес — в идеале до 1 Мб. Большинство пользователей смотрит почту с мобильного, так что скорость загрузки важна. Тяжелая гифка будет долго грузиться, и пользователи с медленным интернетом могут ее пролистать, даже не увидев.

Сжать гифку можно в этих сервисах:

• Ezgif
• IloveIMG
• Compressor.io

Обратите внимание! Если вам надо просто перевести видео в GIF формат без обработки, используйте сервис Online Convert

Шаг 2. Вставляем гифку в письмо

В редакторе SendPulse гифка вставляется в письмо блоком «Изображение». Открываем блочный редактор писем, вставляем блок «Изображение» в нужное место письма и добавляем в него свою гифку:

Добавляем гифку в письмо в блочном редакторе SendPulse

Обязательно прописываем alt-текст на случай, если гифка не загрузится. Также можно добавить на нее ссылку:

Добавляем к гифке alt-текст и при необходимости — ссылку

Алгоритм сокращения цветов

• Perceptual (Перцепционный) предназначен для создания пользовательской таблицы цветов, отдавая предпочтение тем тонам, которые чётко распознаёт глаз человека.
• Selective (Селективный) создаёт таблицу цветов, аналогичную Перцепционной таблице, но созданную на ключевых оттенках изображения. В этом алгоритме предпочтение отдаётся web-цветам. В Photoshop он установлен по умолчанию.
• Adaptive (Адаптивный) предназначен для создания пользовательской таблицы цветов спектра, преобладающих в изображении. К примеру, для изображения, в котором больше всего преобладает синих и зелёных цветов, будет создана таблица из синих и зелёных оттенков. Большинство оттенков изображения собирается в определённой области спектра.
• Restrictive (Ограниченный) применяет стандартную палитру, состоящую из 216 безопасных web-цветов. Этот параметр гарантирует, что ни один браузер не применит дизеринг к цветам изображения с 8 битовой глубиной цвета. Если изображение имеет менее чем 216 цветов, то неиспользуемые цвета удалятся из таблицы.
• Custom (Заказная) палитра цветов выбранных пользователем.

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

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

GIF Maker

Это приложение поможет сделать гифку на андроиде. В нем можно сделать гифку из картинки, из видео, заснять и превратить в гифку видео с экрана или с камеры телефона:

Как сделать гифку в приложении GIF Maker

У приложения интересная ценовая политика: в бесплатной версии доступны практически все функции. Подвох в том, что при редактировании нельзя отменять шаги — нет функции Undo/redo, и при работе показывается довольно много рекламы. За 219 рублей можно купить премиум-версию, где снимаются все ограничения.

Giphy

Бесплатное приложение одноименного сервиса, о котором я рассказывала выше. Есть и для Android, и для Iphone. Можно сделать гифку из файлов с телефона или прямо в приложении снять фото и видео для обработки.

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

Обработка примерно такая же, как в онлайн-сервисе Giphy: текст, фильтры, стикеры. Можно скачать готовый результат как видео или гифку, а также загрузить его в базу Giphy.

Как сделать гифку в приложении Giphy

Dithering (Дизеринг)

Так как GIF-файлы содержат ограниченное количество цветов, вы можете имитировать недостающие цвета доступными при помощи сглаживания. Для этого в меню Dithering (Дизеринг) необходимо выбрать один из алгоритмов. Метод Diffusion (Случайный) предназначен для регулирования количества смешения. Методы Pattern (Регулярный) и Noise (Шум) не предназначены для этого. Чем больше сглаживание на изображении, тем больше будет размер файла. Смешение добавляет разноцветные пиксели вблизи друг от друга для имитации вторичных цветов или гладких градаций в цвете. Чтобы получился хороший результат, некоторые изображения должны содержать сглаживание. Но если вы хотите сохранить маленький размер файла, то сглаживание нужно использовать как можно меньше.

Создаём GIF анимацию в Фотошопе версии CS 6

Приступая к подробному рассмотрению этапов создания GIF — анимации из видео на ютубе в Photoshop версии CS 6, вам не стоит переживать по поводу вашей полной не компетенции в данной области. Следуя нашим доступным и понятным рекомендациям, вы сможете справиться с этой несложной работой в кратчайшие сроки, а с приобретенным драгоценным опытом вообще моментально.

Для начала вам потребуется сделать следующее для рождения будущей гифки: подобрать на ютубе понравившееся видео и скачать его на компьютер. Для этого необходимо загруженное нерасширенное видео поставить на паузу и перейти в адресную строку сверху окна. Перед словом ютуб потребуется вставить две английские буквы — SS. После чего сразу же следует нажать на «Enter».

• Мы попадаем на сайт Savefrom.net. Выставляем необходимое качество ролика и нажимает тут же Скачать его, сохранив на рабочем столе или же в ваших документах.
• Далее нам потребуется вырезать из этого же ролика небольшой интересный фрагмент для дальнейшей работы в фотошопе. Открываем программу Movie Maker или Киностудия, нажимаем на верхней панели окна Добавить видео и фотографии, а затем сразу же указываем место нахождение нашего видео. Будет достаточно всего лишь несколько секунд, чтобы ролик переместился в программу Movie Maker.
• Теперь приступаем к обрезке нашего ролика для будущей гифки. Активируем соответствующие инструменты, кликнув по видео два раза левой кнопкой мыши или же перейдя на верхней панели окна в Правку. Сделать это совсем не сложно.

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

После того, как наш фрагмент создан, нам потребуется его правильно сохранить. Заходим в Файл, расположенный в верхнем левом углу окна, потом выбираем функцию Сохранить фильм, а далее на Рекомендуемые для этого проекта параметры. Даем нашему короткому ролику имя и Сохраняем его.
Чтобы узнать, как сделать гифку в фотошопе за несколько секунд, потребуется запустить данную программу и вставить в нее наше короткометражное видео. Для этого нажимаем на Файл в верхнем левом углу окна, потом Открыть. В нижней части панели заходим в Тип файла и выставляем на Все форматы. Далее заходим в наше видео и нажимаем Открыть. Она сразу же появится в окне фотошопа.
Дальнейшие наши действия заключаются в сокращении видео до 2 — 3 — х секундного ролика

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

Таким же способом обрезаем и ненужный край конца видео. Наш редактируемый ролик разбился на три слоя.

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

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

• После этого нам понадобится в нижней правой части окна фотошопа установить необходимые размеры будущей гифки в колонке Размеры изображения. Оптимальный вес ролика должен составлять приблизительно 2, 425 мегабайт. Ширина видео — 854 пикселя, а высота выставляется автоматически на 480 пикселей.
• В Параметры повторов устанавливаем функцию Постоянно для цикличности GIF — анимации. После выполненных действий выбираем Сохранить.

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

После того, как сделали гифку в фотошопе по нашим пошаговым рекомендациям, вам нужно ее открыть, нажав правой кнопкой мышки и выбрав Открыть с помощью и Internet Explorer. В открытом окне появится ваша GIF — анимация.

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

Редактирование существующего GIF на сайте

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

1. Откройте браузер и перейдите к EZGIF сайт. Нажмите на иконку GIF Maker, чтобы открыть страницу.Открытие GIF Maker на сайте EZGIF
2. Нажмите кнопку «Выбрать файлы», чтобы выбрать GIF-файл, который вы хотите редактировать. После выбора нажмите «Загрузить» и создайте кнопку GIF, чтобы загрузить файл GIF.Загрузка файла GIF
3. Он будет предоставлять различные варианты, где вы можете обрезать, изменять размер, вращать, добавлять текст и редактировать свой GIF с гораздо большим количеством материала. Вы также можете установить время для каждого кадра и пропустить кадры, нажав кнопку пропуска под ним.Редактирование файла GIF
4. Также есть опция для цикла GIF внизу. Вы можете добавить количество раз, когда вы хотите, чтобы он воспроизводился, или оставить его пустым для бесконечного цикла. После этого нажмите кнопку «Создать GIF» или «Создать GIF».Установка параметров цикла и внесение изменений в GIF
5. Это позволит применить ваши изменения к GIF и просмотреть его ниже. Вы можете нажать кнопку Сохранить, чтобы сохранить файл GIF в вашей системе.Сохранение файла GIF

Редактирование существующего GIF в GIMP

GIMP — еще одна программа для редактирования фотографий, похожая на фотошоп. Тем не менее, GIMP — это бесплатная программа с открытым исходным кодом, которую вы можете легко загрузить с официального сайта. Он также покажет кадры GIF в виде слоев. Сложность редактирования GIF зависит от количества кадров в GIF. В фотошопе вы можете поместить текстовый (отредактированный) слой поверх слоев, чтобы применить его ко всем другим слоям, однако в GIMP этот слой нужно поместить между каждым слоем. В любом случае, редактирование GIF все еще возможно в GIMP, выполните следующие действия, чтобы попробовать его:

1. Откройте программу GIMP, дважды щелкнув по ярлыку или выполнив поиск с помощью функции поиска Windows. Нажмите на меню «Файл» в строке меню и выберите опцию «Открыть», чтобы открыть файл GIF в GIMP.Открытие GIF-файла в GIMP
2. Нажмите «Фильтры», выберите «Анимация», а затем выберите опцию «Неоптимизировать». Это откроет неоптимизированное изображение в новом документе, и будет легче редактировать каждый кадр.Неоптимизация GIF
3. Вы можете выбрать и отредактировать каждый слой (фрейм) по-разному или создать новый слой и поместить этот слой между каждым слоем.Примечание. Вы можете создать текстовый слой и добавить его между каждым слоем, чтобы иметь текст в GIF. Вы можете нажать Ctrl + Shift + D, чтобы дублировать текстовый слой, а затем добавить их между каждым слоем.Создание нового текстового слоя и размещение между всеми слоями
4. Вы можете объединить новые слои редактирования с оригинальными слоями GIF. Щелкните правой кнопкой мыши на текстовом или редактирующем слое и выберите параметр «Объединить вниз», чтобы объединить его.Слияние нового текстового слоя с каждым фреймом
5. После редактирования вы также можете проверить предварительный просмотр GIF, щелкнув меню «Фильтры», выбрав «Анимация», а затем выбрав «Воспроизведение».
6. Закончив редактирование, щелкните меню «Фильтры», выберите «Анимация», а затем выберите параметр «Оптимизировать для GIF». Он снова оптимизирует GIF и откроет новый документ.Проверка изменений в воспроизведении
7. Наконец, нажмите на меню «Файл» в строке меню, выберите «Экспортировать как». Укажите имя и расширение GIF. Нажмите кнопку «Экспорт», чтобы сохранить файл GIF.

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

Хотя владельцы Android могут использовать Giphy, в Play Store есть и другие программы, которые можно использовать для создания гиф файлов.

Рекомендуют GIF Maker, GIF Editor, Video Maker, Video to GIF для всех ваших потребностей по созданию GIF. Универсальное приложение гиф простое в использовании, имеет отличные отзывы и не применяет водяные знаки, как некоторые другие программы.

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

GIF Maker бесплатен, хотя вы можете заплатить 2,99$ за Pro-версию, если не хотите, чтобы реклама прерывала процесс создания гифки.

Как сделать гифку из фото в фотошопе?

Открываем Photoshop. Во вкладке «Файл» выбираем «Сценарии», а потом «Загрузить файлы в стек…». В появившемся окне выбираете изображения (фото, картинки), из которых будет состоять анимация.

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

Первый слой сделайте видимым, остальные – скройте, нажав на «глаз». Вы получите первый кадр гифки с нужный изображением.

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

Теперь делаем следующее: нажимаем на второй слой в панели анимации – делаем видимым ТОЛЬКО второй слой в основном рабочем списке слоев. Третий кадр анимации – делаем видимым ТОЛЬКО третий слой видимым, остальные – скрыты.

Там, где «о сек.» устанавливаем любое нужное время для воспроизведения напротив каждого кадра.

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

Можно сказать, что гифка из фото готова. Осталось только правильно сохранить её. Для этого во вкладке «Файл» нажимаем «Экспортировать», далее выбираем «Сохранить для Web (старая версия)…». Откроется окно, в верхней части которого выбираем нужный формат – GIF. Внизу можно отредактировать исходный размер, если сделать меньше (в процентном соотношении), то вес тоже уменьшится.

Не забываем нажать «Сохранить», выбрать место хранения файла. Всё, готово!

Редактирование существующего GIF в Photoshop

Одной из самых известных программ для редактирования файлов GIF является Adobe Photoshop. Когда дело доходит до редактирования фотографий и GIF-файлов, Photoshop — лучший выбор для большинства пользователей. Photoshop предоставляет функцию временной шкалы, где пользователь может легко редактировать каждый кадр GIF и просматривать его для проверки. Это немного сложно для новичков, но, следуя нашим шагам, вы можете легко получить представление о том, как вы можете редактировать файлы GIF в фотошопе.

1. Откройте файл GIF в вашей программе Photoshop, перетаскивая или используя открытую функцию.
2. Вы найдете каждый кадр в виде слоя на панели слоев справа. Щелкните меню «Окно» в строке меню и выберите параметр «Временная шкала».Открытие окна шкалы времени
3. Это принесет временную шкалу внизу, через которую вы можете редактировать временные интервалы между каждым кадром, а также воспроизводить GIF для проверки изменений.Примечание: Вы также можете выбрать опцию Другое, где вы можете определить пользовательское значение для задержки кадра.Установка времени между каждым кадром
4. Вы также можете изменить количество раз, когда GIF должен проигрываться. Для большинства GIF-файлов будет установлено значение «навсегда», однако вы можете изменить его на количество раз, которое вы хотите воспроизвести.Настройки цикла для GIF
5. Вы также можете добавить текст в свой GIF, нажав инструмент «Текст». Добавьте текст о том, что вы хотите, и он появится в новом слое.Добавление текста в GIF
6. Теперь вы можете переместить этот текст в любую позицию между слоями. Если вы поместите текстовый слой вверху, он будет отображаться во всех кадрах GIF.Примечание. Вы также можете объединить текст только с определенным слоем на панели слоев.Перемещение текстового слоя наверх для применения на всех слоях
7. Наконец, как только вы закончите редактирование вашего GIF. Вы можете нажать в меню «Файл», выбрать «Экспорт» и выбрать «Сохранить в Интернете».Экспорт GIF-файла
8. Вы можете изменить качество GIF в выпадающем меню Preset. Нажмите на кнопку Сохранить и введите имя, чтобы сохранить файл GIF.Сохранение файла GIF с другим качеством

Как сделать гифку самостоятельно

Вы придумали гениальную гифку? Или нужно сделать наглядную инструкцию с последовательными действиями? Cервисов для создания и редактирования gif-изображений очень много. Достаточно вбить в поисковике «сделать gif онлайн», и увидите несколько страниц результатов с разными сайтами и программами. Вот самые популярные.

13. Youtube to Gif

Самый простой способ создать гифку из видео на Youtube. Откройте ролик, из которого необходимо вырезать фрагмент. Допишите слово gif в поисковой строке, вот так:

Нужны публикации в СМИ?
Как быстро познакомиться с журналистами, пишущими на вашу тему, и организовывать публикации в СМИ бесплатно? Как это работает

Вас перебросит на сервис Gifs.com. Интерфейс на английском, но все интуитивно понятно. Отмечайте нужный отрезок, кликайте Klim video.

Далее доступны эффекты и инструменты: кадрируйте гифку, затемняйте или высветляйте, добавляйте надписи. Готово — нажимайте Create Gif. Откроется окно настроек: можно изменить название, добавить теги, звук, водяной знак. Скачивайте гифку и пользуйтесь!

Есть нюанс: чтобы сохранить gif, придется зарегистрироваться. Бесплатный тариф сервиса не позволяет убрать водяной знак с гифки. Чтобы избавиться от него, нужно заплатить 2$ за месяц премиума.

Gifs.com позволяет создавать гифки не только из Youtube-роликов. Можно загрузить видео и с других платформ (Instagram, например), и с компьютера.

14. Giphy GIF Maker

Простой сервис от сайта Giphy: получится сделать гифку как из вашего личного видео, снятого на смартфон, так и из Youtube-видео. Кроме того, гифку можно собрать из фотографий.

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

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

Но есть и минусы: сервис не будет обрабатывать видео тяжелее 100 мб и длиннее 10 минут. Так что если вы захотели сделать гифку из любимого фильма, сначала придется вырезать часть с определенным моментом в другой программе.

15. Freegifmaker.me

Делает гифки из фотографий и Youtube-роликов. Доступна необычная функция — переворачивать gif наоборот, то есть воспроизводить изображение в обратную сторону.

16. ezgif.com

Превращает в гифки фото и видео. Умеет уменьшать, обрезать, оптимизировать gif, добавлять на изображение текст и различные эффекты. А также может преобразовать гифку в видео.

17. gifpal.com

gif делается либо из готовых фотографий, либо сервис запрашивает доступ к камере ноутбука или смартфона. Это дает возможность записать гифку в стиле селфи «здесь и сейчас».

18. SUPA

Популярный видеоконструктор, включающий множество инструментов для создания коротких роликов. Здесь можно собрать видео для любых социальных сетей, для рекламы, для презентации продукта и не только. Сервис предлагает обрезать видео, добавить текст, наложить фильтры и изменить скорость кадров, а затем преобразовать объект в gif. Правда, gif-анимация доступна только в тарифе «Премиум» (цена — 990 руб. в месяц).

19. Conventio

Сайт умеет конвертировать видеофайлы в gif. Таким образом, первый шаг — вырезать фрагмент из снятого ролика или готового видео в любом видеоредакторе. Например, этот фрагмент будет длиться 4 секунды. Второй шаг — загрузить файл в Сonvertio и преобразовать в gif.

Виртуальный пиарщик

Поможет наладить работу со СМИ без своего пиарщика или агентства
Увеличит число упоминаний о вашей компании
Обойдется в 2-3 раза дешевле
Как это работает

Вот и все: скачивайте гифку на компьютер и публикуйте, где хотели.

20. Videotogiflab.com

Сервис преобразует видеоролики в gif. Лучше заранее обрезать видео, чтобы сайт загрузил его быстро и без зависаний.

При сохранении получится настроить лишь количество кадров в секунду — от параметра будет зависеть размер итоговой гифки.

21. hnet.com

Еще один сайт, который конвертирует видео в gif. Нужный фрагмент, скорость кадров, размер гифки — настраиваются сразу. Ничего лишнего: простой и понятный сервис.

Вот такая гифка получилась из небольшого видео со щеночками:

Что стоит запомнить

Создавать гифки можно с помощью онлайн-сервисов, десктопных программ и мобильных приложений. Я рекомендую:

• для онлайна — Makeagif, Giphy, Gifpal, Gif.com;
• для десктопа — Photoshop, Photoscape X;
• для мобильного — GIF Maker, Giphy.

Если создаете гифку для письма, обращайте внимание на ее размер и вес. При выборе размера исходите из того, что ширина письма на десктопе — 600 пикселей

При выборе веса думайте о том, что ваше письмо будут смотреть через мобильный интернет — старайтесь делать гифки не тяжелее 1 Мб. Если получается больше, то используйте для сжатия эти сервисы:

• Ezgif
• IloveIMG
• Compressor.io

Теперь вы знаете, как делать гифки. Экспериментируйте, используйте GIF анимацию в разных каналах и не забывайте отслеживать конверсии! Регистрируйтесь в SendPulse, чтобы быстро добавлять гифки в шаблоны своих писем и смотреть результаты рассылок в простом и понятном виде.

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

Convertio

Если у вас есть видео, его можно просто конвертировать в формат gif. 

С этой задачей справится сервис Convertio. Это в целом хороший сайт для конвертации любых форматов. Например, он может преобразовать ai формат в svg. Для удобства сервис можно установить в виде расширения в браузере Google Chrome. Чтобы преобразовать видео:

1. Загрузите файл на сайт.
2. Выберите формат, в который нужно преобразовать документ.
3. Нажмите на кнопку Конвертировать:

Осталось только скачать готовый файл. 

Минус этого сервиса ― нельзя редактировать гифку. Сервис работает только как конвертер. 

Ezgif

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

1. Нажмите Video to GIF (Видео в GIF).
2. Загрузите видео в формате mp4.
3. Нажмите Upload video! (Загрузите видео!).
4. Подождите, пока система конвертирует файл. 

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

Минусы:

• Работать с кадрами неудобно. На экране они очень маленькие и разобрать что где практически невозможно. Редактирование происходит вслепую.
• Сервис не может конвертировать видео больше 1 минуты. 

Как сделать гифку из картинок

Конвертировать видео в гифку легко. Куда сложнее создать гиф из картинок. Рассмотрим разные по функционалу сервисы и попробуем с их помощью сделать гифки для разных задач. Создать gif онлайн можно с помощью сервисов:

• Giphy,

• Canva,
• Adobe Photoshop.

Каждая из программ сильно отличается возможностями редактирования. Подробнее рассмотрим каждую из них.

Giphy 

Giphy ― это сервис, который позволяет сделать анимацию из картинок или видео, добавив к ним динамичные элементы. Создадим вот такую гифку: 

1. Перейдите на сайт Giphy.
2. В блоке «Гифка» нажмите Выбрать файл:
3. Загрузите нужную картинку.
4. Теперь можно добавить надписи, наклейки, стикеры и фильтры. 

Обратите внимание! Сайт англоязычный, поэтому когда вы будете искать стикеры и наклейки через поисковую строку, вводите слова на английском языке. Русский язык сервис не знает. 

1. Как только анимация будет готова, можно скачивать. Для этого нажмите Продолжить загрузку (Continue to Upload):
2. Нажмите Загрузить в GIPHY (Upload to GIPHY):
3. Нажмите СМИ (Media):
4. Чтобы скачать гифку на компьютер, в строке Источник (Source) или Социальное (Social) нажмите Скачать (Download). В строке Социальное (Social) находится оптимизированный вариант GIF: 

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

Минусы Giphy:

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

Canva

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

Для примера давайте сделаем анимированную публикацию для Instagram-магазина:

1. Перейдите в шаблон для Instagram.
2. Создайте макет.
3. Нажмите на Анимация и выберите, как будут появляться элементы на макете. Например, мы выбрали эффект Вращение:
4. В правом верхнем углу нажмите Скачать:
5. Выберите формат GIF. Нажмите Скачать:

Готово, наслаждайтесь публикацией.

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

Adobe Photoshop

Adobe Photoshop — это десктопная программа для работы с изображениями. Но и простые гифки в ней тоже можно сделать.

Попробуем сделать анимацию из фото:

Для этого: 

1. Откройте пустой проект.
2. Загрузить всеп изображения, которые должны быть в анимации.

Обратите внимание! Каждое изображение должно быть на отдельном слое. Иначе их не получится сделать динамичными

1. Если вы делали фон, удалите его.
2. В верхнем меню выберите вкладку «Окно» и нажмите Шкала времени:
3. Внизу появится поле для настройки анимации. Выберите Создать анимацию кадра:
4. Сделайте каждый слой отдельным кадром. Для этого в поле настройки анимации в правом углу нажмите на иконку выпадающего меню и выберите Создать кадры из слоев:
5. Укажите время задержки кадра для каждой картинки:
6. Зациклите переключение картинок. Для этого в левом нижнем углу укажите параметр Постоянно:
7. Сохраните получившуюся гифку. Для этого в верхнем меню нажмите на вкладку Файл ― Сохранить для Web:
8. В самом верху окна укажите формат GIF.
9. Нажмите Сохранить:

Анимация готова. 

Минусы Adobe Photoshop:

• нельзя сделать анимацию онлайн,
• с программой сложно работать,
• сервис стоит дорого,
• занимает много памяти на ПК.