HTML / CSS
【HTML】picture タグ（レスポンシブ）
・レスポンシブに画像を切り替えたい場合に便利
ブラウザ幅「min-width」で表示切り替え（PCファースト）
HTML
ブラウザ幅「max-width」で表示切り替え（SPファースト）
HTML
※type 属性は必須ではない。
ブラウザはファイルの拡張子から形式を判別できるため、多くの場合は type 属性を省略できる
type="image/jpg"
type="image/png"
type="image/svg+xml"
type="image/webp"