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
- File Compression
- Cache Optimization
- Code Miniﬁcation
- Image Optimization
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:
The JPEG image format has a number of different compression modes. Three popular modes are baseline (sequential), Progressive JPEG (PJPEG) and lossless.
- 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.
Baseline JPEGs (the default for most image editing and optimization tools) are read complete article here
Originally published at https://www.linkedin.com on May 2, 2018.