Создавайте анимированные GIF — бесплатно

Перетащите два и более изображения в том порядке, в каком они должны сменяться, задайте задержку кадра, ширину и качество вывода, затем нажмите «Создать GIF». Кадры загружаются по HTTPS и кодируются в GIF на нашем защищённом сервере (после чего автоматически удаляются), а результат скачивается как animation.gif — готовый для Slack, Discord, GitHub и любого другого места, где рады GIF.

Для естественного движения 100–150 мс на кадр дают ~7–10 кадров в секунду — как в классической анимации. 50–80 мс выглядят современно и динамично. 300–500 мс создают намеренный темп «слайд-шоу», подходящий для сравнений «до/после» или презентаций товаров. Подбирайте задержку под тип вашего контента.

Для мессенджеров и соцсетей оптимальна ширина 480–720px — чётко на телефонах и быстро загружается. Для встроенных в блог GIF стандартом является 640–800px. Выше 1280px файл становится огромным с минимальной визуальной пользой, поскольку GIF поддерживает максимум 256 цветов.

GIF поддерживает только 256 цветов на кадр. Сложнее всего приходится фотоконтенту (оттенки кожи, градиенты, закаты). Уменьшите значение ползунка качества (меньшее число = более точное квантование цвета, но более медленное кодирование), и дизеринг улучшится. Либо переключитесь на MP4/WebM для полноцветного движения.

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

Да — переключатель «Зацикливать бесконечно» включён по умолчанию. Отключите его, чтобы получить GIF с однократным воспроизведением (иногда это предпочтительнее для записей прямых событий и обучающих материалов, где зрители должны остановиться на последнем кадре).

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

Preview the GIF before signup, then create a free account to download the standard output without a watermark.

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

Drop JPG, PNG or WebP images, including transparent PNGs. Frames of different sizes are letterboxed onto one canvas so mixed portrait and landscape shots still animate cleanly. GIF assembly stays in your browser; if you request its download while signed out, a temporary finished export preserves it through sign-in and then expires.

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

Да — кнопка «Добавить кадры» на панели «Кадры» позволяет добавлять дополнительные изображения в любой момент; они добавляются в конец последовательности, после чего вы можете перетащить их на нужное место. GIF автоматически перекодируется каждый раз, когда вы добавляете, удаляете или переупорядочиваете кадр.

Для наглядного разбора продукта используйте более длинную задержку около 400–600ms, чтобы зрители успевали прочитать каждый шаг, ширину 640–800px для чёткой детализации на страницах блога и документации, и значение качества около 5–10 для более чистой цветопередачи на предметной фотографии. Более низкие значения качества обменивают немного большее время кодирования на заметно меньшую полосатость цвета на градиентах и тонах кожи.

Нажмите на значок корзины на миниатюре любого кадра в панели «Кадры», чтобы удалить только это изображение — GIF автоматически пересоберётся спустя несколько сотен миллисекунд, используя оставшиеся кадры в их текущем порядке. Учтите, что для анимации GIF нужно как минимум два кадра, поэтому если вы удалите всё до одного, добавьте ещё изображение, прежде чем «Render GIF» что-либо создаст.

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