Чому швидкість анімації цього 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 , тому вони зовсім трохи менше, ніж оригінал.

Для отримання додаткової інформації див:

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.