.webp, .webm, .avif, .mp4 를 img tag, video tag 로 로딩 테스트 (Loading test)

# .webp, .webm, .avif, .mp4 를 img tag, video tag 로 로딩 테스트 (Loading test) .webp, .webm 이 .gif 파일을 대체하는 중인데.. (둘 다 움짤 | 움직이는 짤림방지 사진 이지만 용량 차이가 어마어마하기 때문. .webp, .webm 이 더 압축을 잘함.) .webp 는 사진 크기를 25%로 더 줄여서 압축했음.

Gaudi.webp

7.63MB

.webm 은 사진 크기를 50%로 줄여서 압축했음.

Gaudi.webm

6.48MB

.webm 파일을 가져다가 크기변환없이 압축했음.

Gaudi.avif

11.58MB

.mp4: 9.01MB ## PH

• 2024-02-18 : First posting.

## TOC ## <img> tag test

.webp .webm .avif .mp4

## <video> tag test

.webp

.webm

.avif

.mp4

## 결론 .webp, .avif 는 <img> tag 를 써야하고, .webm, .avif, .mp4 는 <video> tag 를 써야한다. (.avif 는 img, video 둘 다 가능.) 그리고 꿀캠으로 테스트 해본 결과 .webp 보단 .avif 랑 .webm 이 압축을 더 잘하는거 같음 . ## RRA

1. https://kr.bandisoft.com/honeycam/help/file_format/
   // mp4와 webm의 경우 압축률 차이가 크지 않은 경우가 많아 우열을 가리기 어렵습니다. 특정 영상에서는 mp4가 더 좋은 결과를 보이더라도 다른 모든 영상에 대해 그런 결과를 보장하지 않습니다. https://groups.google.com/g/honeycam/c/5W2GY9Vi7ko?pli=1