在css sprites中使用动画gif是一种很好的做法吗？

我有动画图标一个网站时，您将鼠标放在他们（的时候都没有，我选择不动画图标进入精灵），他们是在一个动画.gif和那就是：在css sprites中使用动画gif是一种很好的做法吗？

Well .. you can see it is a animated gif

但我认为，也许它可能会使浏览器性能差。我可以将动画图标放在一个精灵中，而不是另一个动画图标，但是有什么意义？以这种方式，精灵不再有用。你是否建议使用一个脚本来动画放置在精灵中的图标？也许？您的建议是？我需要一个好的浏览器性能

2013-01-16 Yavierre

是的，我无法想象这里有任何冲突。 – alt

这都是关于尺寸。当你从一个静态的精灵变成一个带有动画部分的精灵时，大小会增加多少（绝对，百分比）？ –

静态精灵是15kb的.png，另一个是10kb的动画gif，总和为25kb。我不明白你的百分比大小是什么意思 – Yavierre

不要猜测，测试！说真的。只要动画GIF具有合理的尺寸，我怀疑这会是一个大问题。但是，找出最好的方法就是尝试一下。尝试使用Chrome或Safari的Web Inspector，通过各种策略（无动画，单独文件中的动画图标，一张图片中的所有内容）来分析页面加载时间，并查看哪个效果最好。如果没有太大差异，请选择最简单的一个。如果性能成为问题，您可以随时更改。

来源

2013-01-17 00:02:07

自万维网（www）开始以来，对所有主流浏览器都支持动画GIF; 20年前。如果他们对那些不支持像Lynx这样的图形的人的现代浏览器摘录有任何顾虑，我会感到非常惊讶。

如果帧速率太高，对于某些浏览器可能会有问题，但显然这并不适用于您向我们显示的这些图标。

来源

2013-01-17 00:22:08 SylvainL

gif压缩格式是一个棘手的问题，因为所有的空白空间都不会像jpg或png（按位）那样处理。但随着动画数量的增加和颜色数量的增加，gif格式将开始崩溃。你应该做的是根据精灵图像的大小来测试个体大小。移动精灵的表现根本不应该是一个问题，但正如其他答案所说，你必须用不同的浏览器和外形因素来测试它。

来源

2013-01-17 00:44:10

在css sprites中使用动画gif是一种很好的做法吗？

回答

相关问题