HTML5 pictureタグの使い方

pictureタグでPCとSPの画像の使い分け

デイトラで学び直しをしていたら、初めて知った書き方だったので、メモ。

以下の書き方で、
768px以上はPC用の画像を表示（srcset="画像パスを指定"）
それ以外はSP用の画像を指定する。

index.html

<picture>
    <source media="(min-width: 768px)" srcset="./img/fv.png">
    <img src="./img/sp/fv.png" alt="背景画像">
</picture>

え、この書き方知ってた？（笑）