image - How can I refer to a Data URI in https?

Question

.bg-img {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAA... etc );
}

How can I refer to that image with an https prefix? When I go to the CSS that's how I see it.

Normally when you have an image src you can do the following:

background-image: url(https://domain.com/photo.png);

How can I use https for the data URI?

Answer 1

You can't. DATA URI inherits the protocol of the page it's in. If your html is on https the data uri will have the same features of https. If your html is on http the data uri will have the same features of http.