Создать GIF из фото
Выберите несколько картинок, расставьте их по порядку, задайте задержку между кадрами и нажмите «Создать GIF». Анимация собирается в вашем браузере, поэтому фото никуда не загружаются.
Работает в браузере: всё, что вы вводите, никуда не отправляется.
Как пользоваться
- Выберите или перетащите две картинки или больше. Подходят JPG, PNG, WebP и другие форматы, которые открывает браузер.
- Расставьте кадры стрелками и удалите лишние.
- Задайте задержку кадра в миллисекундах (200 мс — пять кадров в секунду), число повторов и ширину GIF (по умолчанию 480 px).
- Нажмите Создать GIF, проверьте предпросмотр и скачайте файл
animation.gif.
Как работает
Каждая картинка рисуется на canvas выбранного размера и считывается обратно как пиксели. Для каждого кадра методом медианного сечения выбираются 256 самых характерных цветов: цвета многократно делятся на две группы по каналу с самым большим разбросом, пока групп не станет 256, и каждая группа даёт один цвет палитры. Затем пиксели сжимаются алгоритмом LZW, как того требует формат GIF, и записываются в файл GIF89a с отдельной палитрой для каждого кадра.
Пример
Десять фото 800 × 600 при ширине 400 px и задержке 150 мс дают десять кадров 400 × 300 и анимацию длиной 10 × 150 = 1500 мс, то есть 1,5 секунды на один проход. Под предпросмотром появится строка вида «Кадров: 10, 400 × 300 px, …» с весом файла.
Советы
- Берите картинки одинаковых пропорций, чтобы не появлялись белые поля.
- Меньшая ширина и меньше кадров заметно уменьшают вес файла.
- Для слайд-шоу ставьте задержку 1000 мс и больше и проигрывайте один раз или бесконечно.
Частые вопросы
Сколько картинок можно использовать?
До 100 кадров, а сам GIF может быть до 1200 пикселей в ширину или высоту. Большие GIF быстро становятся тяжёлыми, поэтому для отправки обычно хватает ширины от 300 до 600 пикселей.
Почему цвета немного отличаются от фото?
В кадре GIF может быть не больше 256 цветов. Инструмент подбирает лучшие 256 цветов для каждого кадра отдельно методом медианного сечения, но без дизеринга, поэтому на плавных градиентах могут появиться полосы. Плоская графика, скриншоты и логотипы сохраняют цвета почти точно.
Какая минимальная задержка кадра?
20 миллисекунд. GIF хранит задержку в сотых долях секунды, поэтому значения округляются до ближайших 10 мс. Многие браузеры показывают задержку 10 мс и меньше как 100 мс, поэтому более короткие значения не предлагаются.
Что происходит с прозрачными картинками и картинками другой формы?
Прозрачные участки заливаются белым. Картинка другой формы, чем первая, масштабируется без растяжения так, чтобы поместиться в кадр, и ставится по центру на белом фоне.
Как работает число повторов?
0 означает бесконечный повтор. При 1 информация о повторе не записывается, и GIF проигрывается один раз. При большем числе в файл записывается это число минус один — столько повторов после первого показа.