The primary approach to make a picture load faster is to reduce the file size. As the picture is smaller, the file size is smaller. Imagine an image of 80 pixels by 80 pixels per square. The pixel counts of 80x80 or 6400 pixels in the picture. We can get 40x40 or 1600 pixels if we reduce the image sizes by one half to 40 pixels by 40 pixels. This decreases the image size by half to one-fourth of the original file size.
This is our primary principle for reducing the image file size: Use your layout to the smallest picture dimensions.
GIF images are limited to 256 colours per picture; better for presenting large solid colour blocks and very small physical images. For these kinds of photos, the GIF format generates lesser file sizes than JPEG.
JPEGs are particularly good at reproducing photos. For these types of graphics, the JPEG format produces lesser file sizes than the GIF one.
This is our second principle of reduction of image file size: For the image, you are using, select the right image format. A combination of GIF and JPEG images is included on most web pages.
Coding decreases are called compression of the picture. You can compress both GIF and JPEG images, but the technique differs. We are using software techniques to delete unnecessary information from the file in GIF images, to restrict the number of colours in a JPEG image.
This is our third principle for reducing the image file size: Search for the least acceptable image quality level. The majority of photographs may tolerate minimal compression with relatively little loss of quality, and all images may withstand a greater image loss and remain acceptable. The decision on how much loss of quality you can accept is your job. In other words, the smaller the file size, the poorer the quality.
The more colours utilised the smaller file size, the fewer colours GIF pictures can be decreased from 256 to 128 colours or below. Almost often JPEG photographs can be lowered to 80 per cent quality and often reduced to just 15-30 percent.