Canvas versus DOM - What is the most efficient image display method in HTML5? <p>StackOverflow users</p> <p>While making a html5 application/website, for such cases as an image gallery, where a large number of images are displayed sequentially or at the same time in the browser, is the use of the canvas element justified?</p> <p>As long as we are only talking about presenting an image, is there any point in using a canvas and drawing the image on it instead of using the DOM element &lt; img > tag? There will also be some image manipulation, like CSS3 transformations/moving/scaling/zooming and gesture recognition (drag, touch/tap, maybe pinch, etc.) which, as far as I know, are applicable to both the canvas and the img tags.</p> <p>It would also be important to keep things as much "html5"-ish as possible and also taking performance into account. For example, it would matter if in the future the canvas element will be more and more used and optimized by the browsers and it would also matter if for the time being the &lt; img > is much faster.</p> <p>Since we are considering developing an universal html5 application, working on desktops and also on mobile devices, performance and speed are a very important factor. However, the tests comparing canvas and &lt; img > were targeting mostly javascript browser games. In this case, the animation is not that important as the memory consumption and overall performance.</p> <p>Are there any resources/studies regarding this particular aspect?</p>