AVIF 변환 지원되는 이미지 압축 사이트

https://squoosh.app/

Squoosh

출처 : https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

 

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>

 

감사합니다