How to load images faster in HTML

Asked By 30 points N/A Posted on -
qa-featured

Hello Techyv Experts,

I am in a creation of a website with lots of images, I have seen lots of pages similar to that, which will take a bit time to load the images, I need to overcome similar issues on my website, So I need technical tips about, how to load images faster in HTML.

Thanks,

Marc A White

SHARE
Answered By 0 points N/A #168515

How to load images faster in HTML

qa-featured

You don't have to wait for a long time to get you images loaded faster. Other than using HTML you can try optimizing the images. You will have to however reduce the image to a reasonable size such as about 60%. Once you have done this your images will definitely load faster. You can also use progressive optimization or browser cache.

Answered By 590495 points N/A #322332

How to load images faster in HTML

qa-featured

The reason why some web pages with lots of pictures take time to load is that the images are not optimized. If you need to post many pictures in one page and the size of every image is like 500 KB or 1 MB, for example, the browser need to load or download the images first before they can be displayed on the page.

For users with slow internet connection, this will be a big problem. You can use any format you like for the image like GIF (.gif), PNG (.png), or JPEG (.jpg) but the image has to be saved in optimized form. You can do this in Adobe Photoshop.

To save the optimized form of an image, in Adobe Photoshop, load the image you want to use in the web page then do all the editing you need. When you are finished, press Ctrl + Alt + Shift + S to save the file. On the next screen, go to “4-Up” tab. Here, you will have four frames. Select the frame with “60 quality”.

On the right, select the format you want then click “Save”. The default format, I think, is JPEG but you can select other formats and experiment on their output size. Avoid posting images in their original file size. It has to be always in their optimized format to make the size smaller.

Related Questions