How Image Optimization in Front-end optimization one of the key thing required for the best User Experience
FEO Front-end optimization, often known as content optimization or simply optimization. FEO is the process of fine-tuning your website to make it more browser-friendly and quicker to load.
There are several ways to improve and optimize:
Reducing HTTP Requests
Images often account for most of the downloaded bytes on a web page and also often occupy a significant amount of visual space.
How Image Optimization works:
Working with Raster and Vector images:
Raster graphics represent images by encoding the values of each pixel within a rectangular grid of pixels. They are not resolution or zoom independent. Vector graphics use points, lines and polygons to represent images and formats using simple geometric shapes (e.g logos) offering a high-resolution and zoom like SVG handle this use case better.
The JPEG image format has a number of different compression modes. Three popular modes are baseline (sequential), Progressive JPEG (PJPEG) and lossless.