画像の出しわけ

<picture>
<!-- 1024px以上のサイズで表示される画像 -->
<source srcset="/images/responsive_layout/pc.png" media="(1024px <= width)" type="image/webp" width="300" height="240">
<!-- 800px以上1024px未満のサイズで表示される画像 -->
<source srcset="/images/responsive_layout/tb.png" media="(800px <= width)" type="image/png" width="300" height="240">
<!-- 800px未満のサイズで表示される画像 -->
<img src="/images/responsive_layout/sp.png" width="300" height="240">
</picture>