IMAGE
WEBP 차세대 이미지 사용법 (ie 호환, fallback)
F.E.D
2021. 2. 7. 22:03
<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으로 사용하기 때문입니다.