I need to build a HTML5 canvas which contains an very large image, maybe up to 10-15MB. My first idea was to split the image into several chunks which will be loaded when moving horizontally through the canvas.
Any thoughts about this idea? Is it a good one? Maybe I’m missing some optimization feature already implemented?
You’re spot on, and such tiling is how most apps that serve large images (like google maps) work.
Unfortunately, there aren’t any other clever optimizations to be had here.