PNG는 투명 이미지를 완벽하게 처리하지만 파일 크기를 크게 늘립니다. AVIF는 모든 알파 픽셀을 유지하면서 사진 PNG의 경우 최대 70%, 일반 그래픽의 경우 30~40%까지 파일 크기를 줄여줍니다.
여기에 이미지를 넣어주세요
100% 비공개. 업로드되지 않습니다.
알파 버전은 유지되고, 바이트 수는 대폭 감소했습니다.
불투명 또는 투명, 8비트 또는 16비트 PNG 파일을 하나 또는 여러 개 업로드할 수 있습니다. 인덱스 색상 PNG 파일은 처리 과정에서 트루컬러로 확장됩니다.
사진 PNG 파일은 손실 압축 방식인 AVIF(품질 50)로 인코딩됩니다(일반적으로 60~80% 더 작음). 플랫 그래픽 및 UI 콘텐츠는 무손실 압축 방식인 AVIF로 인코딩됩니다(30~45% 더 작음). 두 방식 모두 알파 채널은 유지됩니다.
AVIF 출력은 투명도, 크기 및 색상 프로필을 포함합니다. 파일 이름은 .avif 확장자로 유지됩니다. 점진적 향상을 위해 picture와 함께 사용할 수 있습니다.
이러한 관련 변환기 간에 이미지를 변환하세요.
insight-to-avif-reason
AVIF 인코딩은 PNG 저장보다 10~100배 느립니다. 하지만 그 대신 이미지가 로드될 때마다 요청당 대역폭을 절약할 수 있습니다. 트래픽이 많은 자산에 가장 큰 이점이 있습니다.
PNG 파일은 서버를 거치지 않습니다.
왕복 통신 없이 전체 PNG 에셋 폴더를 처리합니다.
알파 채널 처리, 압축률, 인코딩 시간 및 브라우저 지원 여부.
네, 완전히 동일합니다. AVIF의 알파 채널은 AV1의 흑백 모드를 사용하여 별도로 인코딩된 후 디코딩 시 결합됩니다. PNG의 모든 투명, 반투명 및 불투명 픽셀은 AVIF 출력에서도 정확한 알파 값을 유지합니다.
아이콘, 로고, UI 그래픽, 텍스트가 포함된 스크린샷 등 JPG 스타일의 화질 저하를 방지하려면 무손실 압축을 사용하세요. 사진 PNG 파일(PNG는 애초에 이상적인 포맷이 아니었습니다)에는 손실 압축을 사용합니다. 저희 도구는 콘텐츠 분석을 기반으로 자동으로 압축 방식을 선택하며, 수동으로 수정할 수도 있습니다.
사진 PNG 파일을 손실 압축 AVIF로 변환할 경우 용량 감소율은 60~80%입니다. UI 및 아이콘 PNG 파일을 무손실 AVIF로 변환할 경우 용량 감소율은 25~40%입니다. 매우 작은 이미지(10KB)의 경우 오버헤드로 인해 용량 감소 효과가 줄어들거나 오히려 감소할 수 있으므로, 작은 크기의 에셋을 변환하기 전에 용량을 측정해 보시기 바랍니다.
네. AVIF는 10비트 및 12비트 색상을 지원합니다. 현재 16비트 PNG 파일은 AVIF 출력 시 10비트로 다운샘플링됩니다(AV1은 16비트를 지원하지 않습니다). 대부분의 콘텐츠에서는 시각적 영향이 없지만, 색상에 민감한 워크플로우에서는 이를 확인해야 합니다.
PNG 압축은 일반적인 DEFLATE(빠름) 방식을 사용합니다. AVIF는 블록 예측, 가변 블록 크기 변환 및 비율-왜곡 최적화를 적용한 AV1 방식을 사용합니다(느림). 브라우저에서 이미지당 1~5초 정도 소요될 것으로 예상됩니다. 대규모 프로덕션 환경의 변환이 필요한 경우, 멀티스레드 인코더를 사용하는 서버 측 툴링이 더 빠릅니다.
ICC 색상 프로필은 AVIF의 color_profile 상자에 저장됩니다. PNG 텍스트 덩어리(설명, 작성자)는 AVIF에 직접적으로 대응하는 항목이 없습니다. EXIF 정보는 PNG에서는 드물지만 존재할 경우 AVIF의 EXIF 상자를 사용하여 전송됩니다.
동일한 콘텐츠의 경우 AVIF는 일반적으로 WebP보다 15~25% 더 작습니다. 추가적인 인코딩 시간과 약간 낮은 브라우저 지원 수준을 감수할 가치가 있는지는 트래픽 양에 따라 다릅니다. 이미지 트래픽이 많은 경우에는 AVIF를 사용하는 것이 좋지만, 트래픽이 적은 경우에는 WebP를 그대로 사용하는 것이 적절합니다.
AVIF는 2025년까지 92%의 브라우저에서 지원되지만, 아직 보편적이지는 않습니다. 프로덕션 환경에서는 AVIF 형식의 이미지를 우선적으로 사용하고, 구형 브라우저를 위해 WebP 또는 PNG 형식을 대체 이미지로 사용하는 것이 좋습니다. 콘텐츠 관리 시스템과 이미지 CDN은 Accept 헤더를 통해 이러한 형식 협상을 자동으로 처리합니다.