ทำไมความเร็วในการเคลื่อนไหวของ GIF นี้จึงต่างจาก Firefox กับ IE


19

Oracle Enterprise Manager มีเว็บอินเตอร์เฟสที่ใช้ GIF นี้: ผู้จัดการองค์กร Oracle

สิ่งที่แปลกเกี่ยวกับ GIF นี้คือใน Firefox (v9 & 10) มันหมุนเร็วขึ้นเป็นสองเท่าใน MSIE (v7 & 9)

ทำไมความเร็วของภาพเคลื่อนไหวจึงเปลี่ยนไปขึ้นอยู่กับเบราว์เซอร์

คำตอบ:


30

แอนิเมชัน GIF ของคุณมี 40 เฟรมโดยมีการหน่วงเวลา 0.03 วินาทีระหว่างแต่ละเฟรม ที่ควรให้มันรันไทม์เล็กน้อยของ 1.2 วินาทีต่อวงซึ่งตรงกับสิ่งที่ฉันเห็นใน Firefox

ดูเหมือนว่าปัญหาที่เกิดขึ้นคือเบราว์เซอร์จำนวนมากจะเพิกเฉยต่อความล่าช้าต่อเฟรมสั้นมากและแทนที่ด้วยการหน่วงเวลาเริ่มต้น (มักจะเป็น 0.1 วินาที) และตัดสำหรับสิ่งที่นับว่าเป็น "สั้นมาก" ล่าช้าแตกต่างกันระหว่างเบราว์เซอร์: Firefox เห็นได้ชัด acceps อะไรลงไป 0.02 วินาทีต่อเฟรมขณะที่ IE ละเว้นความล่าช้าด้านล่าง 0.0 6วินาทีต่อเฟรม

คำแนะนำของฉันคือการเพิ่มความล่าช้าต่อเฟรมเป็น 0.06 วินาที (และเพื่อลบเฟรมที่สองทุก ๆ วินาทีหากคุณต้องการให้ภาพเคลื่อนไหวทำงานเร็ว) นั่นควรให้ความเร็วคงที่ในเบราว์เซอร์หลัก ๆ ทั้งหมด

แก้ไข: ฉันไปและทำเพื่อคุณ ได้อย่างรวดเร็ว (20 เฟรม, 1.2 วินาที / วง): ที่นี่สองรุ่นของภาพเคลื่อนไหวที่มี 0.06 วินาทีต่อเฟรมภาพเคลื่อนไหวเร็ว 20 เฟรมที่ 0.06 วินาที / เฟรมและช้า (40 เฟรม, 2.4 วินาที / ภาพเคลื่อนไหวเร็ว 40 เฟรมที่ 0.06 วินาที / เฟรมวง) ฉันยังปรับอนิเมชั่นด้วยGIFsicleด้วยดังนั้นมันจึงเล็กกว่าของจริงเล็กน้อย

สำหรับข้อมูลเพิ่มเติมดู:

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.