Image Optimisation for Websites
In web development, image optimisation is one of those steps that is easy to over look. Often images are copied over from cameras, phones and websites regardless of how they've been encoded. Encoding is important as all images are an approximation of what we see in the real world and are optimised digital displays which are themselves approximations.
An image from a 4K-optimised camera does not need to be visible in full-fidelity in a website banner. A 128x128 pixel icon does not need to be 1024x1024 pixels. It all depends on where it's used. So copy and pasting images without optimising them can lead to excessive bandwidth usage, rendering and load times.
In this post, I'll be going through some steps that can be taken to reduce all of those problems.