title: Cache images fetched via background-url CSS property
body: <p>How can I have images fetched via the <code>background-url</code> CSS attribute cached in the browser?</p>
  <p>The browser will automatically cache images (and other resources) fetched, assuming there are appropriate headers and the URL for the request is the same.</p>
  <p>When using the <code>background-url</code> property, I see that the headers <code>cache-control: no-cache</code> and <code>pragma: no-cache</code> are added automatically.</p>
  <p>This prevents browser caching.</p>
  <p>I was surprised by this behavior, you can reproduce it with this simple <a href="https://codepen.io/donpinkus/pen/zYWxJPQ" rel="nofollow noreferrer">codepen</a> and filtering your network tab to images.</p>