'Reduce image resolution/size just to show as preview
Currently, I'm having the high resolution images on the server. When displaying on the webpage, it takes so long to load the images because of their huge file size (about 10 MB). I am thinking to display the image as preview (low resolution images) so that the loading time will be improved. Can I use JavaScript to reduce the image size/resolution "on the fly" to display the table of images? I meant "on the fly" because I don't want to create and store the images for preview only.
Solution 1:[1]
The javascript piece executed by the client will still have to download the full resolution image, resize it, then serve it. Let the server do the resizing and serve the thumbnail.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Adam Christopher |