Network Based Image Optimization

This demo adapts image quality based on your network connection. Using the Network Information API and ImageKit's q (quality) transformation parameter, images are served at different quality levels depending on your connection speed.

How it works: On fast connections (4G/WiFi), you get high-quality images. On slower connections (3G/2G), quality is reduced to ensure faster load times and save bandwidth.

Read more on how to implement this with ImageKit in the Network Based Optimization guide.