假设一个简单的产品演示，例如在http://www.sublimetext.com/
上找到的那个即。这不是传统的高分辨率视频，可以通过以下方式合理完成：
问题是，哪个对用户有好处？两者都是：
如果你觉得有一种优越的技术来完成这个或另一个衡量其有用性的指标，请告诉我，我会相应调整。
答案 0 :(得分：11)
我知道它已经回答了，但是当你特别提到Sublime Text动画时，我假设你想要创建类似的东西？
如果是这种情况，那么这里有一篇文章解释它是如何由Sublime Text作者自己创建的：
文章的有趣部分是他如何减小文件大小 - 我相信这是你的问题。
答案 1 :(得分：3)
使用简单的动画，例如你所指的链接，具有非常低的帧速率，动画GIF的简单动画-PNG可能是最好的解决方案。
但是，您需要考虑带宽因子。如果GIF或PNG的最终大小很大，那么缓存的视频可能更好。
这是因为整个gif / png文件需要在显示之前下载（我不确定交错的PNG在包含动画时是如何工作的）。
视频的文件大小可能会更大，但由于它通常是缓冲的，因此您几乎可以立即显示动画。
使用YouTube等外部主机可能对您的网站有益，并且带宽来自这些网站，而不是来自您的服务器（如果您使用提供商以各种方式限制或收费） ）。
有关动画PNG或APNG的更多信息（因为这不是众所周知的）：
https://en.wikipedia.org/wiki/APNG
这里的画布只是一个显示设备，并不是必需的（图像容器可以完成相同的工作，也可以为GIF / PNG设置动画，而画布不能。）
如果使用大量矢量，则可以考虑画布。
CSS3动画也是演示幻灯片之类的选项。