AVIF 포맷을 사용하면 매우 효율이 좋지만 여전히 사파리는 지원이 미비해서 당장 사용하지는 않을 것 같습니다.
하지만 이미지 압축과 변환에 대한 정보를 알고 있는 것만해도 도움이 많이 되겠지요.
곧 사파리에서도 지원한다는 뉴스들이 조금씩 보입니다.
사파리에서도 적용되면 웹 퍼포먼스 환경의 획기적인 변화가 나타날 것이라고 생각되네요.
사용은 다음과 같이 하면 됩니다.
<picture>
<source srcset="img/image.avif" type="image/avif" />
<source srcset="img/image.webp" type="image/webp" />
<img src="img/image.jpg" alt="for older browsers" />
</picture>
감사합니다
'IMAGE' 카테고리의 다른 글
WEBP 차세대 이미지 사용법 (ie 호환, fallback) (0) | 2021.02.07 |
---|---|
파비콘? 다크모드 지원은? (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 |
댓글