With a properly resized and compressed image you will be able to upload and download faster without impacting the quality of the image and in the process you will improve the visitor’s experience and enhance your SEO.
For a fast website you need to optimize images before uploading them to your site as well as optimize them once they are on your site.
Optimize Images Before Uploading Them to Your Site
Even though a PNG image and a JPG image look very much the same, they are, in fact, very different in terms of the way the actual image is stored. Letβs not get into the boring technical details here, and instead just focus on what the difference is in practical terms:
JPG images are great for all kinds of photos and graphics that feature multiple colors, color transitions, shades β a lot of color info overall.
PNG images are great for low-color info images β this means things like interface screenshots and simple graphics.
JPG Images
The image below has the following dimensions:
width: 1920 px
height: 1280
size: 255 KB
The image below has the following dimensions:
width: 960 px
height: 640 px
size: 40,5 KB
The image is now 84% smaller without losing quality.