我即将通过我的 CSS 并将图像编译成 Sprite ，我想知道什么是最有效的方法。目前，我有一堆需要制作动画的 ~10x10 像素的小图像。我想知道将这些图像添加到尺寸更大(~1000x1000px)的 Sprite 中，然后对它们进行动画处理是否会导致 CPU 负载/性能出现任何差异。这是为小 div 设置动画或为只有一小部分(指定的背景位置)可见的巨型 div 设置动画之间的区别。
最佳答案
最好为 Sprite 设置动画。
1 个服务器请求所有图像，一旦被缓存就没问题了。
我要注意的是您打算添加的动画效果的数量，因为做太多可能会导致运行缓慢(特别是 css3 3d 转换)。
您是否考虑过使用 canvas 代替容器 div 来制作动画？
关于css - 为 CSS Sprite 中包含的小图像设置动画是否与仅为该图像设置动画一样高效？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11723468/