Por que a velocidade de animação deste GIF é diferente no Firefox vs. IE?

19

O Oracle Enterprise Manager possui uma interface da web que usa este GIF: Oracle Enterprise Manager

O estranho desse GIF é que, no Firefox (v9 e 10), ele gira duas vezes mais rápido que no MSIE (v7 e 9).

Por que a velocidade da animação muda dependendo do navegador?

Torben Gundtofte-Bruun
fonte

Respostas:

30

Sua animação GIF contém 40 quadros, com um atraso de 0,03 segundo especificado entre cada quadro. Isso deve fornecer um tempo de execução nominal de 1,2 segundos por loop, que corresponde ao que estou vendo aqui no Firefox.

O problema parece ser que muitos navegadores ignoram atrasos por quadro muito curtos e os substituem por um atraso padrão (geralmente 0,1 segundos). E o corte para o que conta como um "muito curto" atraso varia entre os navegadores: Firefox aparentemente acceps nada para baixo para 0,02 segundos por quadro, enquanto IE ignora atrasos inferiores a 0,0 6 segundos por quadro.

Minha recomendação seria aumentar o atraso por quadro para 0,06 segundos (e remover cada segundo quadro se você quiser que a animação seja executada rapidamente). Isso deve fornecer velocidade consistente em todos os principais navegadores.

Edit: Eu fui e fiz isso por você. Aqui estão duas versões da animação com 0,06 segundos por quadro: rápido (20 quadros, 1,2 seg / loop) Animação rápida, 20 quadros a 0,06 segundos / quadroe lento (40 quadros, 2,4 seg / loop) Animação rápida, 40 quadros a 0,06 segundos / quadro. Também otimizei as animações com o GIFsicle , para que sejam um pouco menores que o original.

Para mais informações, veja:

Ilmari Karonen
fonte