1

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

是否可以将动画 gif 添加到图像精灵(并且不必为整个精灵使用 gif)?如果是这样,我该怎么做?是否有其他图像格式支持动画?

4

2 回答 2

1

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

不,这是不可能的。整个精灵表要么是 GIF,要么不是。您不能在单个精灵中混合文件类型。您可以改为将所有 GIF 精灵放入一张表中(如果它们的帧都可以彼此整除),然后将所有 PNG/JPG 精灵放入第二张表中,并分别使用它们。

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

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

于 2012-09-10T18:41:38.693 回答
0

我很早就开始尝试 CSS sprite,但对我来说,使用它们的最大(也是迄今为止唯一的)好处是减少了客户端需要发送到服务器的请求量。

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

于 2015-08-12T10:36:19.117 回答