차세대 AVIF 및 JPEG 확장자의 차이점
AVIF는 지구상의 최신 이미지 확장자입니다.(.avif)
구글, 애플, 넷플릭스 등도 사용돼 주목받았다.
사이트의 속도를 개선하는 것은 열람 사용자에게 스트레스가 없는 것이 교통량을 높이는 가장 중요한 일이다.AVIF는 이미지 품질을 저하시키지 않고 이미지 크기의 용량을 대폭 개선할 수 있습니다.
실제로 AVIF는 JPEG 대비 약 60%, 웹P와 비교하면 35%의 이미지 크기 손실 없이 이미지 크기를 억제할 수 있다.트위터에 올라온 해외 무료 소재 사이트를 운영하는 언스플래시의 AVIF 관련 트위터를 보세요.imgix의 손님들은 원래 웹P를 사용했다.사례 연구: "https://imgix.com/customers/unsplash”
At @unsplash we're now serving images in AVIF format (if the browser supports it), thanks to @imgix ! Lab data shows a ~30% decrease in image sizes. 🎉 pic.twitter.com/ErmBowKW5K — Oliver Ash (@OliverJAsh) September 23, 2021
AVIF의 이점 사용
AVIF의 확장자를 사용하면 이미지 용량을 줄일 수 있을 뿐만 아니라 다음과 같은 장점도 얻을 수 있다p>
- 페이지 읽기 속도 향상
- SEO 순위 향상(구글 등 사이트에서의 검색량 상위 제어)
- 직접 귀가율의 감소
- 열람 사용자의 만족도 향상
- bandwidth비용 삭감
AVIF가 괜찮다고 생각하는 여러분, 죄송합니다.AVIF는 아직 모든 브라우저에 대응할 수 있는 것이 아닙니다.현재 약 69%의 브라우저가 지원됩니다
현재 AVIF에서 지원하는 브라우저:
- Google chrome 85-93
- Mozilla Firefox 86-92
- Android
AVIF가 지원되지 않는 브라우저:
- Microsoft Edge
- Firefox는 아직 AVIFs
를 이동하지 않았습니다.- Safari
안심하세요.자동으로 imgix의 auto=format으로 최적 확장자 나눠주기
imgix의 이미지 URL의 마지막?auto=format만 추가하면 자동으로 적당한 확장자를 제공할 수 있습니다br/>
예: 크롬에서 시작된 방문은 avvif 메시지이고, Safari에서 온 방문은 WebP를 통해 메시지를 보내는 경우p>
auto=format을 설정하면imgix는 자동 내용 협상이라고 불리는 과정에 따라 적당한 확장명으로 그림을 제공할 수 있는지 판단합니다.머리글, 사용자 에이전트, 이미지 분석 등 각종 사용 가능한 신호를 컴파일하여 사용자에게 가장 적합한 이미지 형식을 선택한다.이 형식은 반송되고 이미지는 올바르게 캐시됩니다.
auto=format에 대한 자세한 정보는 여기서부터 시작하세요!https://docs.imgix.com/apis/rendering/auto/auto?_ga=2.220839835.261516489.1647308621-1202030278.1647308621#format
imgix를 무료로 검증하고 싶은 사람은 "Qita 블로그를 봤다"는 댓글을 달아주세요.혜택이 있습니다:)
안심하세요.자동으로 imgix의 auto=format으로 최적 확장자 나눠주기
예: 크롬에서 시작된 방문은 avvif 메시지이고, Safari에서 온 방문은 WebP를 통해 메시지를 보내는 경우p>
Reference
이 문제에 관하여(차세대 AVIF 및 JPEG 확장자의 차이점), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tkanemoto/items/065abad53845fa8a3a0f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)