1

私はimage/cssスプライトを使用して、作業中のWebページを最適化します。よく必要なものの1つは、ある種のアニメーション化された読み込みアイコンです。これは通常、アニメーション化された.gifファイルです。

アニメーションGIFを画像スプライトに追加することは可能ですか（スプライト全体にgifを使用する必要はありません）？もしそうなら、どうすればいいですか？他の画像形式はアニメーションをサポートしていますか？

4

2 に答える 2

1

アニメーションGIFを画像スプライトに追加することは可能ですか（スプライト全体にgifを使用する必要はありません）？

いいえ、これは不可能です。スプライトシート全体がGIFであるかどうか。1つのスプライトにファイルタイプを混在させることはできません。代わりに、すべてのGIFスプライトをシートに入れ（フレームがすべて互いに分割可能である場合）、すべてのPNG / JPGスプライトを2番目のシートに入れて、別々に使用することができます。

他の画像形式はアニメーションをサポートしていますか？

アニメーションをサポートする他の唯一の形式（私が知っている）はAPNGですが、Firefoxでのみサポートされています。（Chromeにはそれをサポートするバグのある拡張機能があります。）

于 2012-09-10T18:41:38.693 に答える
0

私はCSSスプライトの実験を非常に早い段階で行っていますが、CSSスプライトを使用する最大の（そしてこれまでのところ唯一の）利点は、クライアントがサーバーに送信する必要のある要求の量を減らすことです。

私は試していませんが、同じ最終結果（とにかくその最適化コンテキストで）に対して、アニメーションGIFをデータURIスキームとインラインでHTMLに追加できると思います：https：//en.wikipedia.org/wiki/ Data_URI_scheme

于 2015-08-12T10:36:19.117 に答える