Создаем, редактируем и оптимизируем анимированный GIF онлайн за несколько кликов

01.05.2019 15:56

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

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

Редактор GIF онлайн, оптимизация, изменение размера, видео в анимацию и другие плюшки

Все эти опцию доступны бесплатно "без регистрации и смс" :) на сервисе ezgif.com
Несмотря на отсутствие русскоязычного интерфейса и олдскульный дизайн, ezgif.com является одним из самых удобных онлайн-редакторов/конвертеров для работы с гифами.

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

Как пользоватся ezgif.com?

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

На главной странице ezgif.com представлены основные функции сервиса:

Video to GIF - Конвертер видео в ГИФ

Поддерживаемые направления конвертации MP4 в GIF , WebM в GIF , AVI в GIF , MOV в GIF , FLV в GIF, а также 3GP , OGV , M4V , ASF и другие популярные видео-форматы.

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

ccc83d1c366c07cb56dfacb4ad5355e2.png

Под видео будут отображены основные опции конвертирования

b9d3aa37a54064d94e0c5d4f016a8b2e.png

Приостановите видео и нажмите "Use current position"- "Использовать текущую позицию видео", чтобы получить точное время начала и окончания вашего GIF. Частота кадров (fps ) - это количество кадров, отображаемых каждую секунду. Более высокая частота кадров обеспечивает более плавную анимацию, что повышает воспринимаемое качество, но значительно увеличивает размер файла.
Сервис ограничивает максимальную длину части видео, которую вы можете выбрать для преобразования (продолжительность), в зависимости от выбранной частоты кадров. Если вы хотите создавать более длинные GIF-файлы, вы должны выбрать более низкий fps. Максимальная продолжительность при 5 кадрах в секунду составляет 60 секунд, при 10 кадрах в секунду она снижается до 30 секунд и так далее.
Можете не бояться ошибиться при выставлении настроек, так как при нажатии на кнопку "Convert to GIF" - "Конвертировать в ГИФ", вы останетесь на этой же странице, а созданная анимация появится под кнопкой. Если вам не понравится созданный файл, можно изменить параметры вверху страницы и нажать "Convert to GIF" ещё раз.

Перейти к дальнейшему редактированию анимации можно нажав на соответствующие ссылки под картинкой

cd5915f92781b8402874f8270b252b74.png

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

GIF Resizer - Изменение размера Гиф-файла

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

eabf25c6cec83565b5353bf7e439e64a.png

Как видите, после изменения размера уменьшается и его вес.
Некоторым gif-файлам может понадобиться опция "coalesce" (которая удаляет все оптимизации из фреймов). Воспользуйтесь этой опцией если другие методы дают сбой и выходное изображение мерцает или имеет странные артефакты, но это может значительно увеличить размер файла.
Попробуйте разные методы изменения размера, если вы не удовлетворены результатом.
"Gifsicle", как правило, самый быстрый инструмент и создает файлы меньшего размера, но с помощью этой опции получаются картинки не самого хорошего качества.
Если соотношение сторон исходного изображения и выбранный вами размер не совпадают - отцентрируйте и обрежьте или растяните изображение, чтобы подогнать по размеру.
Вы также можете использовать этот инструмент для изменения размера анимированных файлов WebP, APNG, FLIF и MNG и любых других распространенных типов изображений без потери анимации.
После резайза, при необходимости можно перейти к дальнейшему редактированию.

Optimizer - Оптимизация (уменьшить вес gif)

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

Существует несколько видов оптимизации гифок и соответственно уменьшения их веса.

Lossy GIF compression - Сжатие с потерей качества

GIF-компрессор оптимизирует GIF-файлы, используя "gifsicle" и "Lossy GIF"
Этот метод может уменьшить размер анимированного GIF-файла на 30% -50% за счет некоторого сглаживания/шума. Вы можете настроить уровень сжатия с помощью ползунка.
В большинстве случаев этого достаточно, для приличного уменьшения веса.
Рекомендую использовать другие методы оптимизации GIF только если это не дал желаемого результата.

cffe21856284361eff33b73704db27a4.png

Color Reduction - Уменьшение цвета

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

e549747f869cc415bfad61ecc0c868b2.png

Remove every nth frame - Удалить каждый n-й кадр

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

ce2e00b148b04b7978a39c4dfb59eb86.png

Optimize Transparency - Оптимизировать прозрачность

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

90a3ca5f807864de27ee5ffc4b6a7b05.png

GIF Maker - Создать гифку онлайн

"GIF Maker" позволяет мгновенно создавать свои собственные анимированные GIF-файлы, комбинируя отдельные изображения в виде кадров. Получаемые гифки имеют высокое качество и не содержат водяных знаков или атрибутов, что делает этот инструмент идеальным для разработчиков и создателей контента.
Чтобы создать GIF, вы можете загрузить последовательность изображений GIF, JPG, PNG, BMP, TIFF и других типов, ZIP-архив с изображениями и даже смешать различные форматы и размеры - они будут автоматически конвертированы. Вы также можете загружать анимированные изображения в формате GIF или WebP, они будут разделены и время задержки сохранится. Таким образом, GIF Maker также можно использовать для редактирования, сокращения или объединения существующих GIF-файлов.

Как сделать GIF?

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

9edd3fea2ce3d9430c44cab4ab9f7eee.png

Если исходные изображения разного размера то появится кнопка Resize, после нажатия на которую все картинки будут подогнаны по размеру.

4ffd8adc4e54767e3c21fd37f94f7547.png

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

Советы по созданию GIF

Время задержки (delay) составляет одну сотую (1/100) секунды между кадрами;
большее значение сделает вашу анимацию медленнее. Вы можете контролировать скорость для всего GIF, установив "delay" внизу, или настроить задержку для отдельных кадров с помощью поля ввода "delay" рядом с каждым кадром.
Включите опцию "Crossfade frames", если вы хотите создать плавный переход с постепенным исчезновением между изображениями. Полезно для создания фото слайд-шоу. Увеличенные параметры "Frame count" - "Количество кадров" и более короткие параметры "Fader delay" - "Задержка фейдера" приведут к более плавной анимации, но значительно увеличат размер файла, поскольку GIF Мейкер должен генерировать больше дополнительных кадров между каждым из исходных изображений. Поиграйте с этими значениями, чтобы найти баланс.

Другие возможности ezgif.com

Помимо работы с всевозможными гифками, на этом сервисе есть: генератор QR-кодов, создание base64 из изображения, конвертер PDF в GIF или PNG, генератор анимированных изображений других форматов (WebP, APNG, FLIF) и многое другое.
На самом деле, на этом сайте гораздо более обширный функционал, и достаточно сложно описать каждый инструмент доступный в этом "онлайн-комбайне" для работы с медиафайлами. По этому я и остановился только на самых популярных, на мой взгляд, функциях.
Если я упустил что-то важное или вы хотите поделится своими впечатлениями от сервиса ezgif.com - добро пожаловать в комментарии.

Комментарии

Оставьте свой комментарий

(100 + 7) ^ 95

© 2019 SITEROST