Oracle Enterprise Managerには、このGIFを使用するWebインタフェースがあります。
このGIFの奇妙な点は、Firefox(v9&10)ではMSIE(v7&9)の約2倍の速度で回転することです。
ブラウザによってアニメーションの速度が変わるのはなぜですか?
Oracle Enterprise Managerには、このGIFを使用するWebインタフェースがあります。
このGIFの奇妙な点は、Firefox(v9&10)ではMSIE(v7&9)の約2倍の速度で回転することです。
ブラウザによってアニメーションの速度が変わるのはなぜですか?
回答:
GIFアニメーションには40フレームが含まれ、各フレーム間に0.03秒の遅延が指定されています。これにより、ループあたり1.2秒という名目上のランタイムが得られるはずです。これは、Firefoxで見ているものと一致します。
問題は、多くのブラウザが非常に短いフレームごとの遅延を無視し、デフォルトの遅延(多くの場合0.1秒)に置き換えることです。また、「非常に短い」遅延と見なされるもののカットオフはブラウザーによって異なります。Firefoxはフレームごとに0.02秒までの値を受け入れますが、IEはフレームごとに0.0 6秒未満の遅延を無視します。
私の推奨事項は、フレームごとの遅延を0.06秒に増やすことです(アニメーションを高速で実行する場合は、1秒おきにフレームを削除します)。これにより、すべての主要なブラウザーで一貫した速度が得られます。
編集:私はあなたのために行ってきました。フレームごとに0.06秒のアニメーションの2つのバージョンがあります。高速(20フレーム、1.2秒/ループ)と低速(40フレーム、2.4秒/ループ)です。また、GIFsicleを使用してアニメーションを最適化したため、元のアニメーションよりもかなり小さくなりました。
詳細については、以下を参照してください。
Steve HumphreyによるアニメーションGIFのフレーム遅延時間
Jeremiah JohnsonによるアニメーションGIF最小フレーム遅延ブラウザ互換性調査
雑学: EricLawのIEInternalsでのアニメーションGIFタイミング