GIF Splitter.
Русский

Разберитесь с ритмом

Задержки кадров и время предпросмотра GIF

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

Последнее обновление:

1. Кадры и время — разные данные

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

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

2. Прочитайте единицы задержки

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

Ноль и очень короткие интервалы не исполняются одинаково всеми проигрывателями. Браузер может применять минимум или ограничивать таймеры фоновой вкладки. Отделяйте сохранённое число от того, что наблюдаете на экране. Замедление не обязательно означает изменение или неверное чтение исходных временных данных.

3. Разделяйте запись и предпросмотр

GIF Splitter запрашивает 100 мс для задержек меньше 20 мс, чтобы быстрые состояния было легче изучать. Значение ровно 20 мс не заменяется. Показанные интервалы и записанная сумма сохраняют числа из GIF. Правило предпросмотра не переписывает файл и не меняет изображение в экспортируемом PNG.

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

Записаны 0, 10, 20 и 80 мс, сумма 110 мс. Правило коротких задержек даёт 300 мс запрошенного предпросмотра; это не измеренные тесты.
Посмотреть четыре задержки

4. Разберите пример из четырёх кадров

Управляемый пример содержит задержки 0, 10, 20 и 80 мс. Один исходный проход составляет 0 + 10 + 20 + 80 = 110 мс. Первые два значения меньше 20 мс, поэтому предпросмотр запрашивает для них по 100 мс. Последние остаются равны 20 и 80 мс.

Сумма запрошенных интервалов предпросмотра: 100 + 100 + 20 + 80 = 300 мс. Обе суммы относятся к одной последовательности при разных правилах. 300 — расчёт, а не измеренный тест производительности. Нагрузка и задержка таймера могут сделать фактический показ ещё длиннее запланированного времени.

5. Выберите неподвижный кадр на переходе

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

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

6. Храните время рядом с PNG

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

В редакторе назначьте правильные интервалы, повторы и проверьте итог. Если поддерживается только постоянная частота, отдельно спланируйте пересэмплирование или повтор изображений. Импорт по порядку сам по себе не восстанавливает ритм. Этот сайт извлекает статичные картинки и не выполняет последующую сборку, изменение времени или кодирование анимации.

7. Почему скорость отличается

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

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

8. Проверяйте время без изменения пикселей

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

В сообщении укажите позицию, записанные интервалы, браузер и состояние вкладки. Объясните, сравнивали ли исходные данные или темп предпросмотра. Не называйте вычисленную сумму измеренным результатом. Если требуется точное управление временем, используйте предназначенный для этого редактор и проверьте полученную анимацию в конечном окружении.

Практические руководства по GIF

Как выбрать изображение, проверить прозрачность и время показа и учесть ограничения браузера при экспорте.