Best implementation of frame-by-frame animation?

Question

JavaScript

I tried to implement frame-by-frame animation in 2 ways:
canvas - which turned out to be quite good, but 5+ canvas on a mobile device does not work correctly.
three JS - performance is much better, I managed to run 10 images on my phone without lags, but there is one BUT.
Since all frames are stored in a 700x50400 jpg file, threeJS gives a warning that the image has been compressed for two reasons - the size is not a power of 2x and the maximum size should be 8192. Does anyone actually know how to get around this problem, because I would mainly like to stay at three JS because of performance, but its compression does not suit me in any way.

Answer 1

Split into multiple images of equal height and width and pass them to THREE.js