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



我使用image/css精灵来优化我正在处理的网页,其中一件经常需要的事情是某种动画加载图标,通常是动画.gif文件。

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

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

不,这是不可能的。整个精灵表要么是GIF,要么不是。不能在单个精灵中混合文件类型。相反,你可以把所有的GIF精灵放在一张纸上(如果它们的帧都可以被另一个整除的话),把所有的PNG/JPG精灵放在第二张纸上,然后分别使用。

其他图像格式支持动画吗?

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

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

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

最新更新