我的演示是here.

基本上,我有一个巨大的图像(准确地说是19160px×512px,不到2MB),我使用javascript转换了backgroundx,使其看起来好像正在发生转换.

我不能在不严重破坏图像质量的情况下进一步压缩图像.我还有另一种方法可以用相同级别的跨浏览器来实现,而不依赖于Flash之类的插件,但加载速度更快吗？

解决方法:

您是否考虑过将其制作成视频？

它可能会稍微缩短加载时间.

另外,另一个想法.您是否尝试过仅使用第一个和最后一个图像,将最后一个图像放在第一个图像之上,使其不透明度为0,并使用JavaScript(例如jQuery)淡入？

效果将不会与您现在的效果100％相同,但是看起来可能足以使客户满意,并且可以将加载时间减少到最低限度.

如果两种想法都不适合您,我认为前10-12帧可以更有效地压缩为GIF图像. (这是一个估计值,我没有尝试过.)您必须将图像拆分为多个div,然后更改用于切换图像的方法,您会有更多的请求,但这可能是值得的.