The advantages of FSI TouchZoom in comparison to srcset
Using FSI TouchZoom images are loaded dynamically and will be displayed in the resolution matching the current magnification and display density.
When a user visits a website, all images on the current page are loaded in the standard size. Only the images in the visible part of the page are dynamically loaded by FSI TouchZoom. If a user uses pinch-zooms on a certain image on the page, only the images currently visible are updated to a crisp and clear version according to the devices resolution and magnification. This enhances the user experience on mobile devices drastically while ensuring fast page load at the same time.
While the srcset attribute requires setting up various sets of image sizes for every image on the page, FSI TouchZoom chooses the matching resolution on the fly.
You only need to add the FSI TouchZoom script into the website and all images provided by FSI Server will automatically be displayed in the matching resolution on any zoom level.
Furthermore, FSI TouchZoom also works with browsers which do not support the srcset attribute. Nevertheless, it is also possible to combine the srcset attribute with FSI TouchZoom.
You can try out FSI TouchZoom here.
How FSI TouchZoom works: