I ran another test by storing 309 images and retrieving them and the result is quite decent, perhaps a bit slower but nothing major:
However, note that eventually, the browser runs out of memory if the image I use is bigger or if the count of images is larger. With the help of this site
, I estimated that Chrome's local storage will be able to save around 340 images of my test image (11.1KB 379x 385) which results in 15 266 encoded characters of the available 5 200 000.
The exception that you will get is Uncaught DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of [yourValue] exceeded the quota.
The images encoded this way are around 30% larger and up to 6 times slower to retrieve on mobile browsers, so it may be worth considering other means of storage if your implementation allows it.
Telerik by Progress