Responsive Images: Use Cases and Documented Code Snippets
A tremendously detailed article outlining the use cases for responsive images with code snippets ready to get you going. Opera cover of the 4 use cases with an example of every combination of them.
In the examples below, we’re referring to these questions with the keywords sizes, dpi, mime andart, respectively, and then for each combination of answers, we show a snippet of example code with a short explanation. When creating these examples, I had this night shot of the Oslo Opera house in my head — it might be useful for your reference.
An excerpt from Responsive Images: Use Cases and Documented Code Snippets