How to use a lower resolution image for mobile?

Question

I\'m designing a responsive site using media queries to change the layout as the viewport size changes.

For mobile, I think it would be beneficial to use a lower res

Answer 1

It's simple - create another image with less resolution, and put it with media queries.

Media Queries can help you hide and show elements based on screen resolution and media type.

A great resource would be this article about media queries on CSSTricks which covers different devices, platforms and res