Describe your naming strategy - idea for an alternative way to serve responsive images

I've been following the responsive images problem with great interest.
After reading a recent summary article on CSS Tricks titled "Why Responsive
Images is so Hard" (http://css-tricks.com/responsive-images-hard/), I
started to wonder whether the real issue was more that the responsive
images issue is complex. (Yeah, so far I've not offered anything more than
stating the obvious!)

I've had an idea: Essentially, my idea is to give the responsive images
issue a solution that can define a website's image naming strategy, rather
than requiring per-image attributes. For example, if you have retina
images, you define a way to modify all your images' src values to
incorporate the dpr; if you have a grid-based layout, you define a way to
modify the images' src values based on the @media query.

If you could humour me for just a bit longer, I've jotted a more detailed
description of my thoughts, along with possible syntax to describe a
solution, at https://github.com/petelock/Responsive-Image-Mapping.

.... What do you think? Does it have anything of any promise, or am I
missing something obvious?

Thanks for your time
Pete

https://twitter.com/petejlock