I am developing page with 15 images each of 500kb-1Mb. It causes the page to load very slow. Is there any way to reduce the Image Quality of the Image in Salesforce Automatically while displaying the Images?? I tried to reduce the image to specific Height and Width Dimension. Still the proble persist!
Whatever you upload eventually has to be downloaded again. If you're uploading 1MB images, the entire 1MB image has to be downloaded to the browser before it can be displayed. Setting the height/width would have no effect, as the entire file still has to be downloaded from the server before the image can be shrunk down. Possible solutions include Responsive Images, Progressive Image Loading, or just plain uploading smaller files. If these are user-selected files, you can use an HTML Canvas to reduce the image size/quality to a reasonable level before uploading.