Mengapa kecepatan animasi GIF ini berbeda di Firefox vs IE?

19

Oracle Enterprise Manager memiliki antarmuka web yang menggunakan GIF ini: Oracle Enterprise Manager

Yang aneh tentang GIF ini adalah di Firefox (v9 & 10) berputar dua kali lebih cepat dari pada MSIE (v7 & 9).

Mengapa kecepatan animasi berubah tergantung pada browser?

Torben Gundtofte-Bruun
sumber

Jawaban:

30

Animasi GIF Anda berisi 40 frame, dengan jeda 0,03 detik yang ditentukan antara setiap frame. Itu akan memberikan runtime nominal 1,2 detik per loop, yang cocok dengan apa yang saya lihat di sini di Firefox.

Masalahnya tampaknya banyak browser akan mengabaikan penundaan per-frame yang sangat singkat dan menggantinya dengan penundaan default (sering 0,1 detik). Dan cutoff untuk apa yang dianggap sebagai "sangat singkat" delay bervariasi antara browser: Firefox rupanya acceps apapun ke 0,02 detik per frame, sedangkan IE mengabaikan penundaan bawah 0,0 6 detik per frame.

Rekomendasi saya adalah untuk meningkatkan penundaan per-frame menjadi 0,06 detik (dan untuk menghapus setiap frame kedua jika Anda ingin animasi berjalan cepat). Itu harus memberikan kecepatan yang konsisten di semua browser utama.

Sunting: Saya pergi dan melakukannya untuk Anda. Berikut adalah dua versi animasi dengan 0,06 detik per frame: cepat (20 frame, 1,2 detik / loop) Animasi cepat, 20 frame pada 0,06 detik / framedan lambat (40 frame, 2,4 detik / loop) Animasi cepat, 40 frame pada 0,06 detik / frame. Saya juga mengoptimalkan animasi dengan GIFsicle , jadi mereka sedikit lebih kecil dari aslinya.

Untuk informasi lebih lanjut, lihat:

Ilmari Karonen
sumber