피할 수 없는 상승세, AVIF

최근 워드프레스용 라이트스피드 캐시(LSCWP) 플러그인을 7.0 버전으로 업데이트하면서 이미지 최적화 옵션에 AVIF 형식이 추가되었습니다.

2023년부터 워드프레스 6.5 버전에서는 AVIF 형식의 이미지를 업로드하고 제공할수 있게 되었고, 그 이후로 저는 긴 글에 사용하고 일부 무거운 단일 이미지를 수동으로 대체하는 데도 사용하고 있습니다. 브라우저 간 호환성이 개선되어 이제 거의 완성 단계에 이르렀기 때문에 AVIF는 출시 첫 달만큼 언론의 주목을 받지 못합니다.

이 아이디어는 시간이 지남에 따라 증가하고 있는 총 이미지 수의 무게를 줄이기 위한 것입니다. 이 글을 읽는 현재 사이트에는 이미 16,632개의 이미지가 포함되어 있습니다. 이 양을 AVIF 버전으로 대량으로 대체할 수 있는 무료의 안전한 방법을 아직 찾지 못했습니다. 그래서 이미지를 모두 바꾸지 않고 수동으로 교체하고 있습니다.

온라인 전환의 경우 Squoosh는 여전히 최고의 옵션 중 하나입니다. 일괄 변환은 잊어버리세요.

오픈 미디어 연합에서 2019년에 개발한 개방형 포맷인 AVIF는 JPEG, PNG, 심지어 WebP와 같은 이전 포맷에 비해 이미지 품질과 압축률이 크게 개선되었습니다. AVIF 이미지는 동일한 이미지 품질을 유지하면서 JPEG보다 최대 50%, WebP보다 30% 이상 더 작아질 수 있습니다.

또한 AVIF 이미지는 넓은 색 영역(HDR 포함)을 지원하며 특히 디테일이 강한 영역에서 JPEG보다 더 선명한 이미지를 생성합니다.

로딩 속도를 개선하는 데 꼭 필요한 이 무료 일괄 LiteSpeed 옵션을 사용하면 이미지를 최적화하여 품질 손실 없이도 이미지의 무게를 크게 줄일 수 있습니다.

버튼을 수동으로 눌러 각각의 새 이미지 배치를 최적화하거나 자동 프로세스로 설정할 수 있습니다. 또한 이미지를 WebP로 무료로 변환하여 원본을 서버에 유지하면서 호환되는 브라우저에서 이미지를 제공할 수 있습니다. 이제 동일한 작업을 수행하면서 WebP와 AVIF 중에서 선택할 수 있습니다.

나쁜 소식은 LiteSpeed를 사용하여 AVIF로 변환하는 것은 무료가 아니며, QUIC에서 가져와야 한다는 것입니다. CLOUD.

"이미지 최적화와 WebP 생성은 표준 대기열을 통해 무료로 제공되지만, AVIF 파일은 유료인 고급 대기열을 통해서만 처리됩니다."

모든 이미지의 현재 WebP 버전 대신 AVIF 버전을 생성하는 데 드는 비용이나 디스크 저장 공간을 얼마나 확보할 수 있을지는 아직 파악하지 못했습니다.

전체 로딩 속도에서 어떤 이득을 얻을 수 있을지는 아직 잘 모르겠지만 그만한 가치가 있을 것 같습니다. 확실한 것은 원본을 jpeg, png 등으로 삭제하고 로컬 저장소에 보관하지 않는 한 이노드 수는 동일하게 유지된다는 것입니다.

어떤 새로운 세대 형식이 마침내 "지배"할 것인지도 불분명합니다. 현재 WebP는 경쟁사보다 몇 점 앞서 있지만 ADIF는 꾸준하고 멈출 수없는 성장을 경험하고 있으며 아직 대량 채택에 대해 말할 수는 없지만 페이지 속도와 이미지 품질의 눈에 띄는 증가는 거의 확실하게 AVIF에게 왕좌를 줄 것입니다.

다음은 세 가지 이미지를 통해 그 모습을 확인하고 비교할 수 있습니다. 저는 색상이 많은 이미지를 선택했지만, 차이점을 알아보려면 디테일이 많은 사진으로 비교해 보셔야 합니다.

첫 번째는 이미 최적화되어 압축된 JPG이고, 두 번째는 WebP로 변환한 결과물이며, 세 번째는 첫 번째를 AVIF로 변환한 결과물입니다.