我正在使用 HTML5 开发一款像素画游戏，并使用 Tauri 将其打包成可执行文件。在处理动画的同时，我希望能够平衡内存使用、存储大小和绘制性能。

我所有图像的初始分辨率都是265px415px，高倍分辨率是530px830px，动画的长度从几帧到超过30秒不等。动画必须支持部分 alpha 通道，这意味着 GIF 格式不可用。此外，动画必须保持像素完美的质量，而无需压缩后带来的艺术缺陷。

但是我现有的工作流程有一个问题：长的 GIF 动画变得非常庞大，这导致了编译时间和存储需求的增加。虽然 GIF 解码可能会更占用 CPU Resources，相比之下 GPU 加速的 Spritesheet manupulation在 canvas 或 WebGL 上可能是更高效的。

我正在考虑将所有 GIF 动画替换成以下格式之一，考虑到我经常会在舞台上同时播放多个动画层次结构的需求，这些动画应该使用以下格式：

  1. PNG Spritesheet
  2. 动态的 WebP 动画
  3. WebP Spritesheet

以下是相关的其他问题：

1.浏览器引擎是否能更高效地处理一个大的 Spritesheet 的内存占用，与 Animated WebP 文件相比？

2.一个 Spritesheet 的最大尺寸何时会超过 GPU 处理的能力？我应该是保持所有动画在 530x830px 的大小，还是缩减它们并手动生成它们的位置？

3.使用 WebP Spritesheet 和 PNG Spritesheet 相比是否有显著的性能提高？