Trình quản lý doanh nghiệp Oracle có giao diện web sử dụng GIF này:
Điều kỳ lạ về GIF này là trong Firefox (v9 & 10), nó quay nhanh gấp đôi so với MSIE (v7 & 9).
Tại sao tốc độ hoạt hình thay đổi tùy thuộc vào trình duyệt?
Trình quản lý doanh nghiệp Oracle có giao diện web sử dụng GIF này:
Điều kỳ lạ về GIF này là trong Firefox (v9 & 10), nó quay nhanh gấp đôi so với MSIE (v7 & 9).
Tại sao tốc độ hoạt hình thay đổi tùy thuộc vào trình duyệt?
Câu trả lời:
Hoạt hình GIF của bạn chứa 40 khung hình, với độ trễ 0,03 giây được chỉ định giữa mỗi khung hình. Điều đó sẽ cho nó thời gian chạy danh nghĩa là 1,2 giây mỗi vòng lặp, phù hợp với những gì tôi thấy ở đây trong Firefox.
Vấn đề dường như là nhiều trình duyệt sẽ bỏ qua độ trễ trên mỗi khung hình rất ngắn và thay thế chúng bằng độ trễ mặc định (thường là 0,1 giây). Và điểm cắt cho độ trễ "rất ngắn" khác nhau giữa các trình duyệt: Firefox rõ ràng thu được bất cứ thứ gì xuống còn 0,02 giây mỗi khung hình, trong khi IE bỏ qua độ trễ dưới 0,0 6 giây mỗi khung hình.
Đề xuất của tôi sẽ là tăng độ trễ cho mỗi khung hình lên 0,06 giây (và xóa từng khung hình thứ hai nếu bạn muốn hoạt hình chạy nhanh). Điều đó sẽ cho tốc độ phù hợp trong tất cả các trình duyệt chính.
Chỉnh sửa: Tôi đã đi và làm điều đó cho bạn. Dưới đây là hai phiên bản hoạt hình với 0,06 giây mỗi khung hình: nhanh (20 khung hình, 1,2 giây / vòng) và chậm (40 khung hình, 2,4 giây / vòng lặp) . Tôi cũng đã tối ưu hóa hình ảnh động bằng GIF , vì vậy chúng nhỏ hơn một chút so với bản gốc.
Để biết thêm thông tin, xem:
Khung thời gian trễ cho ảnh động của Steve Humphrey
GIF hoạt hình tối thiểu khung hình chậm trễ Nghiên cứu tương thích trình duyệt của Jeremiah Johnson
Thông tin bên lề: Thời gian GIF hoạt hình tại IEIternals của EricLaw