Is it good practice to use two image sets for different devices using media queries?

Issue

I am trying to make a photography resume type website and came across this issue that using landscape images and making it responsible for mobile devices isn't good as some better details gets lost in it vise versa for desktop and portrait. I was wondering to have to image asset for mobile devices and desktops and displaying them accordingly with media queries

Solution

Short answer:

yes

Why?

because on smaller screens you have different orientation, eg. not landscape. Also you dont need to spend resources loading an image with x amount of pixels when the smaller screen can only display y amount. Also when exceeding a Z amount of pixels the eye will not be able to tell the difference, thereby smaller images = good.

also take a look at this link for image best practices

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

Answered By - Stanley