좋은 원형 자르기 뒤에 있는 기술, 형식 및 작은 결정에 대한 팀의 메모.
2026년에 AVIF의 궁합은 어떻게 서나
AVIF는 2026년까지 세계 브라우저의 약 94.3퍼센트를 치웠지만, 그래도 브라우저의 덮음은 이야기의 절반만 들려줍니다. 이미지 쓰임의 큰 몫은 브라우저에서 떨어진 데서 일어납니다. 본문에 이미지를 그리는 메일 클라이언트, 고치려고 파일을 여는 디자인 도구, 올리기를 따져 다시 빚는 콘텐츠 시스템, 전달 이미지의 흐름, 그림을 박는 문서 편집기, 그리고 올리는 길목에서 이미지를 씹는 소셜의 받침입니다. 이런 브라우저가 아닌 시스템 다수에서, AVIF는 브라우저의 받아들임보다 넓은 틈만큼 뒤처져 발을 끕니다. Gmail도 Outlook도, 기업용 메일 대부분도, 아직 AVIF를 튕기는 낡은 흐름으로 이미지를 떠밉니다. Adobe Creative Cloud가 AVIF를 접어 넣은 것은 2024년 끝자락의 판에 와서입니다. 오래된 이미지 끼움을 얹은 많은 WordPress 차림새는 지금도 올리는 길목에서 AVIF를 닫습니다. WebP는 그 반대로, 이런 거의 전부에서 여러 해 환대받아 왔습니다. AVIF에서 WebP는 그 브라우저가 아닌 땅을 건네는 다리입니다.
왜 이 방향이 빠른 쪽인가
AVIF에서 WebP가 뒤집힘을 앞지르는 것은 코덱이 앉은 모양 때문입니다. AVIF 풀어 읽기는 브라우저의 네이티브 읽는이에 기대며, 요즘 기기에서는 하드웨어의 가속을 끌어들여 돕니다. WebP 다시 써내기도 브라우저 자신의 WebP 장치를 쓰고, 대다수 받침에서 역시 하드웨어에 받쳐집니다. 두 쪽 어느 편도 무거운 부품을 실을 까닭이 없는데, 그것이 바로 AVIF 다시 써내기의 막힌 목입니다. AVIF 내보내기를 위한 부품은 부피가 크고, 이음매마다 일어서기에 약 1초를 바랍니다. AVIF에서 WebP는 그 모두를 비껴갑니다. 흐름은 풀어 읽은 뒤 네이티브 길을 통해 다시 써내는 것뿐이고, 2메가픽셀 한 컷의 한 바퀴는 요즘 어느 데스크톱이나 노트북 브라우저에서도 1초를 한참 밑돌아 감깁니다. 그것이 이 짝을, 사람이 1초 안의 답을 바라는 손맛 있는 일에 맞는 것으로 만듭니다.
단 한 번의 다시 써내기가 정말 치르는 것
AVIF에서 WebP는 다시 써내기를 한 번 굴립니다. AVIF는 제 나름의 얼마쯤 손실 있는 압축을 지고 닿았습니다. 그것을 풀어 읽으면 그 손실 있는 근원을 비춘 픽셀의 값이 돌아옵니다. 이어 WebP는 그 픽셀에, 품질 85에 맞춘 거의 무손실 설정으로 제 압축을 깝니다. 그 높이라면 흔한 사진의 속살에서 결과는 약 44 dB의 PSNR을 읽습니다. 사진을 보통 크기로 보는 이에게 원래 AVIF와 나오는 WebP는 똑같이 비칩니다. 작은 크기의 아주 가는 글자, 픽셀에 꼭 맞는 아이콘, 가장자리가 단단한 색 덩이가 든 그림에서는, 두 번의 손실 있는 지나감이 쌓여 가까이서 보면 옅은 차이를 내비칠 수 있습니다. 곳간을 통째로 바꿈에 맡기기 전에, 품질에 가장 예민한 자산에서 본보기 몇을 끝까지 확대해 시험하세요.
한 바퀴를 지나 알파를 좇기
AVIF는 그 투명을, AV1의 프레임 안 일로 부호 지은 따로 떨어진 면에 거둡니다. AVIF를 풀어 읽으면 브라우저는 색의 버금자리와 알파의 마스크를 나란히 건넵니다. 변환은 그 둘을 온전한 투명도로 겹쳐, 반쯤 빈 픽셀까지 하나하나 쥡니다. 이어 WebP는 손실 있는 WebP를 써내지만, 그 알파는 알파의 면에 한해 WebP의 무손실 수법으로 부호 지은 길을 갑니다. 다다르는 곳은, 나오는 WebP의 알파 마스크가 브라우저가 AVIF에서 끌어낸 알파의 값에 대해 무손실로 지켜진다는 것입니다. 부드러운 번짐과 흐린 가장자리는 이어 갑니다. 남는 단 하나의 알파의 상함은, AVIF 자신의 부호화가 먼저 놓은 만큼뿐입니다. 원래 AVIF의 알파 가장자리가 깔끔하면 나오는 WebP의 가장자리도 깔끔하고, 같은 마스크가 어디로든 맞출 채비입니다.
WebP를 다른 고름과 쌓아 견주기
못 읽는 시스템에서 AVIF를 먹히게 하려면 현실의 고름이 셋 섭니다. WebP, PNG, JPG입니다. 투명을 지닌 것에 JPG는 빗나간 고름이라, 알파를 도무지 갖지 않아 그것을 단색으로 평평하게 눌러 버립니다. PNG는 가장 무거운 파일을 만들어 흔히 AVIF 크기의 세 배에서 열 배에 이르며, 무손실의 가운데 사본이 필요할 때나 건너편 끝이 PNG 바로 그것을 우길 때만 자리를 얻습니다. WebP는 한가운데를 잡습니다. 요즘 두루 퍼진 닿는 곳을 주고, 투명을 쥔 채, PNG가 AVIF의 300에서 1000퍼센트를 더하는 것과 달리 보통 20에서 25퍼센트 위의 파일을 만듭니다. 무손실의 결과를 부르지 않는 궁합의 바꿈이라면, WebP가 들어맞는 가운데 형식입니다.
한 장은 손안에서, 묶음은 서버에서
이 짝에는 두 가지 방식이 있고, 일의 크기가 고릅니다. 외로운 AVIF는 기본 길을 따라 통째로 당신의 브라우저 안에서 디코딩되어 WebP로 다시 쓰이니, 한 파일에는 올라가는 것이 아무것도 없고, 페이지가 읽힌 뒤 바깥으로 나가는 요청이 하나도 없음을 개발자 도구가 받쳐 줍니다. 이것은 빠른 볼일과 은밀한 고객의 장면, 자사 제품 사진, 자기 장비에 두고 싶은 스캔에 맞는 띠입니다. 한 더미의 파일은 우리 서버에서 돕니다. 묶고, zip에 닫고, 한 벌을 부치는 것이 바로 서버의 강점이기 때문입니다. 파일은 올라가고, 인코딩되고, 싸여, 하나의 다운로드로 돌아오며, 그것은 2시간 쪽으로 치워지고, 계정도 없고 오래 보관하지도 않습니다. 솔직한 읽기로는, 한 번의 변환은 기기 위에 조용히 머물고, 묶음은 멀리서 처리되지만 받기에 드는 짧은 창 동안만 보관됩니다.