如何将动画gif添加到图像精灵?

时间:2012-09-10 18:39:29

标签: css sprite

我使用image / css sprites来优化我正在处理的网页,而且经常需要的东西之一是某种动画加载图标,通常是动画.gif文件。

是否可以为图像精灵添加动画gif(而不必为整个精灵使用gif)?如果是的话,我该怎么做?其他图像格式是否支持动画?

2 个答案:

答案 0 :(得分:1)

  

是否可以将动画gif添加到图像精灵(而不是   使用gif作为整个精灵)?

不,这是不可能的。整个精灵表是否是GIF。你不能在一个精灵中混合文件类型。您可以将所有GIF精灵放入一张纸(如果它们的框架可以彼此整除),并将所有PNG / JPG精灵放入第二张纸,并单独使用它们。

  

其他图像格式是否支持动画?

支持动画的唯一其他格式(我知道)是APNG,但仅在Firefox中支持。 (Chrome有一个支持它的错误扩展。)

答案 1 :(得分:0)

我很早就在试验CSS精灵,但对我来说,使用它们的最大(也是目前唯一的)好处是减少客户端需要发送给服务器的请求量。

我还没有尝试,但我认为对于相同的最终结果(无论如何在该优化上下文中),可以使用数据URI方案将动画gif添加到HTML内联:https://en.wikipedia.org/wiki/Data_URI_scheme