title | slug | page-type | browser-compat |
---|---|---|---|
CSP: img-src |
Web/HTTP/Headers/Content-Security-Policy/img-src |
http-csp-directive |
http.headers.Content-Security-Policy.img-src |
{{HTTPSidebar}}
The HTTP {{HTTPHeader("Content-Security-Policy")}} img-src
directive specifies valid sources of images and favicons.
CSP version | 1 |
---|---|
Directive type | {{Glossary("Fetch directive")}} |
{{CSP("default-src")}} fallback |
Yes. If this directive is absent, the user agent will look for the
default-src directive.
|
One or more sources can be allowed for the img-src
policy:
Content-Security-Policy: img-src <source>;
Content-Security-Policy: img-src <source> <source>;
<source>
can be any one of the values listed in CSP Source Values.
Note that this same set of values can be used in all {{Glossary("fetch directive", "fetch directives")}} (and a number of other directives).
Given this CSP header:
Content-Security-Policy: img-src https://example.com/
The following {{HTMLElement("img")}} is blocked and won't load:
<img src="https://not-example.com/foo.jpg" alt="example picture" />
{{Specifications}}
{{Compat}}
- {{HTTPHeader("Content-Security-Policy")}}
- {{HTMLElement("img")}}