Picture要素

- LS

解像度、メディアクエリ、特定の画像フォーマットのサポートに基づいて、ユーザーエージェントがユーザーに提示する画像リソースを制御するレスポンシブ画像の方法

Chrome

  1. 4 - 36: サポートされていません
  2. 37: デフォルトで無効
  3. 38 - 123: サポートされています
  4. 124: サポートされています
  5. 125 - 127: サポートされています

Edge

  1. 12: サポートされていません
  2. 13 - 123: サポートされています
  3. 124: サポートされています

Safari

  1. 3.1 - 9: サポートされていません
  2. 9.1 - 17.3: サポートされています
  3. 17.4: サポートされています
  4. 17.5 - TP: サポートされています

Firefox

  1. 2 - 33: サポートされていません
  2. 34 - 37: デフォルトで無効
  3. 38 - 124: サポートされています
  4. 125: サポートされています
  5. 126 - 128: サポートされています

Opera

  1. 9 - 23: サポートされていません
  2. 24: デフォルトで無効
  3. 25 - 108: サポートされています
  4. 109: サポートされています

IE

  1. 5.5 - 10: サポートされていません
  2. 11: サポートされていません

Android版Chrome

  1. 124: サポートされています

iOS版Safari

  1. 3.2 - 9.2: サポートされていません
  2. 9.3 - 17.3: サポートされています
  3. 17.4: サポートされています
  4. 17.5: サポートされています

Samsung Internet

  1. 4 - 23: サポートされています
  2. 24: サポートされています

Opera Mini

  1. すべて: サポートされていません

Opera Mobile

  1. 10 - 12.1: サポートされていません
  2. 80: サポートされています

Android版UCブラウザ

  1. 15.5: サポートされています

Android標準ブラウザ

  1. 2.1 - 4.4.4: サポートされていません
  2. 124: サポートされています

Android版Firefox

  1. 125: サポートされています

QQブラウザ

  1. 14.9: サポートされています

Baiduブラウザ

  1. 13.52: サポートされています

KaiOSブラウザ

  1. 2.5: サポートされています
  2. 3: サポートされています
リソース
チュートリアル
使用法に関するブログ記事
Picturefill - picture、srcset、sizesなどのポリフィル
レスポンシブ画像に関する一般的な情報
デモ
ユースケースについて読む
HTML5 Rocksのチュートリアル