Responsive Drupal Backgrounds with Picture Background Formatter

Submitted by Johnny Martin on Tue, 10/27/2015 - 17:42

With the advent of Responsive Web Design came Responsive Images, and its champion, the Picture element. Using Picture, we can create an unlimited amount of image sizes that properly fits our browser viewport. But what about background images? Of course we can painstakenly save out multiple versions of the image with different sizes, and create CSS media queries to display those versions by hand, but who wants to do that while running a CMS like Drupal?