Display a certain image quality based on connection type

I'm trying to set up a site for people to view 360 images. As 360 images are big, I'm thinking of providing a lower quality picture for devices connected to Mobile Data. Is there a way to do this?