Почему скорость анимации этого GIF отличается в Firefox и IE?

19

Oracle Enterprise Manager имеет веб-интерфейс, который использует этот GIF: Oracle Enterprise Manager

Странная вещь в этом GIF заключается в том, что в Firefox (v9 и 10) он вращается примерно в два раза быстрее, чем в MSIE (v7 и 9).

Почему скорость анимации меняется в зависимости от браузера?

Торбен Гундтофте-Бруун
источник

Ответы:

30

Ваша анимация GIF содержит 40 кадров с задержкой 0,03 секунды между каждым кадром. Это должно дать ему номинальное время выполнения 1,2 секунды на цикл, что соответствует тому, что я вижу здесь в Firefox.

Проблема заключается в том, что многие браузеры будут игнорировать очень короткие задержки для каждого кадра и заменять их задержкой по умолчанию (часто 0,1 секунды). И отсечение, которое считается «очень короткой» задержкой, варьируется в зависимости от браузера: Firefox, по-видимому, принимает что-либо до 0,02 секунды на кадр, в то время как IE игнорирует задержки ниже 0,0 6 секунд на кадр.

Я бы рекомендовал увеличить задержку для каждого кадра до 0,06 секунды (и удалять каждый второй кадр, если вы хотите, чтобы анимация работала быстро). Это должно обеспечить постоянную скорость во всех основных браузерах.

Изменить: я пошел и сделал это для вас. Вот две версии анимации с 0,06 секундами на кадр: быстрая (20 кадров, 1,2 с / цикл) Быстрая анимация, 20 кадров по 0,06 секунды / кадри медленная (40 кадров, 2,4 с / цикл) Быстрая анимация, 40 кадров по 0,06 секунды / кадр. Я также оптимизировал анимацию с помощью GIFsicle , поэтому она немного меньше оригинала.

Для получения дополнительной информации см .:

Илмари Каронен
источник