Tại sao tốc độ hoạt hình của GIF này lại khác nhau trong Firefox so với IE?


19

Trình quản lý doanh nghiệp Oracle có giao diện web sử dụng GIF này: Giám đốc doanh nghiệp Oracle

Đ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:


30

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) Hoạt hình nhanh, 20 khung hình với 0,06 giây / khung hìnhvà chậm (40 khung hình, 2,4 giây / vòng lặp) Hoạt hình nhanh, 40 khung hình với 0,06 giây / khung hình. 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:

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.