WEBP 차세대 이미지 사용법 (ie 호환, fallback)

<picture>
  <source srcset="img/cat.webp" type="image/webp">
  <source srcset="img/cat.jpg" type="image/jpeg"> 
  <img src="img/cat.jpg" alt="Alt Text!">
</picture>

picture 태그 에서 ie를 지원하기 위해서는 picture태그 내에 img 태그가 들어가야 합니다.

해당 이미지를 ie fallback으로 사용하기 때문입니다.