このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSP: img-src

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年8月以降、すべてのブラウザーで利用可能です。

HTTP の Content-Security-Policy における img-src ディレクティブは、画像やファビコンの有効なソースを指定します。

CSP バージョン 1
ディレクティブ種別 フェッチディレクティブ
default-src による代替 あり。このディレクティブがない場合、ユーザーエージェントは default-src ディレクティブを探します。

構文

http
Content-Security-Policy: img-src 'none';
Content-Security-Policy: img-src <source-expression-list>;

このディレクティブは、次のいずれかの値を指定することができます。

'none'

この種類のリソースは読み込まれません。単一引用符は必須です。

<source-expression-list>

ソース表現の値を空白で区切ったリストです。この種類のリソースは、指定されたソース表現のいずれかと一致した場合に読み込まれます。このディレクティブでは、以下のソース表現の値が適用できます。

違反する場合

この CSP ヘッダーがある場合、

http
Content-Security-Policy: img-src https://example.com/

以下の <img> の各要素はブロックされ、読み込まれません。

html
<img src="https://not-example.com/foo.jpg" alt="example picture" />

仕様書

仕様書
Content Security Policy Level 3
# directive-img-src

ブラウザーの互換性

関連情報