FirefoxとIEでこのGIFのアニメーション速度が異なるのはなぜですか?


19

Oracle Enterprise Managerには、このGIFを使用するWebインタフェースがあります。 Oracle Enterprise Manager

このGIFの奇妙な点は、Firefox(v9&10)ではMSIE(v7&9)の約2倍の速度で回転することです。

ブラウザによってアニメーションの速度が変わるのはなぜですか?

回答:


30

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秒/ループ)高速アニメーション、0.06秒/フレームで20フレームと低速(40フレーム、2.4秒/ループ)高速アニメーション、0.06秒/フレームで40フレームです。また、GIFsicleを使用してアニメーションを最適化したため、元のアニメーションよりもかなり小さくなりました。

詳細については、以下を参照してください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.