Responsive Images

Since users of your website may be using a variety of devices which differ widely. Websites are viewable on different screen sizes and resolutions. Usually, what we did was to load the same image on all the devices.

A better solution is to serve different images to different visitors. We want to serve a high-resolution image to the visitors using a 4K 32" monitor but ideally we search a much smaller image to users using a 5" mobile device.

Behind the hood, this tool is using this amazing package by Spatie