<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으로 사용하기 때문입니다.
'IMAGE' 카테고리의 다른 글
AVIF 변환 지원되는 이미지 압축 사이트 (0) | 2021.10.04 |
---|---|
파비콘? 다크모드 지원은? (0) | 2020.04.25 |
[이미지] User-Agent가 사라진다고? 이미지 Client Hints 사용하기 (0) | 2020.02.15 |
Image Lazy Loading 기법 그리고 Google I/O 에서의 새로운 방법 (7) | 2019.06.23 |
CSS IMAGE Sprites? (0) | 2018.04.23 |
댓글