Right now we can set different backgrounds for different breakpoints. That is great if you want to change the image entirely, or change something like the background-position at different sizes. But it outputs the CSS as media queries.
However, to have your CSS be more performant / appropriate for different devices (different DPIs) then it would be great to have the CSS output as image-set() -- now that it is supported by all major browsers and recent versions.
Description
Right now we can set different backgrounds for different breakpoints. That is great if you want to change the image entirely, or change something like the background-position at different sizes. But it outputs the CSS as media queries.
However, to have your CSS be more performant / appropriate for different devices (different DPIs) then it would be great to have the CSS output as
image-set()
-- now that it is supported by all major browsers and recent versions.References:
More info on
image-set()
-> https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set