웹 비디오 파일을 AV1 코덱으로 더 작게 만드는 방법 (2025)

1 day ago 1

최신 AV1 비디오 포맷을 사용하면 웹에서 비디오 파일 크기를 20~40배 더 작게 줄일 수 있음
YouTube와 Netflix에서 AV1을 차세대 비디오 코덱으로 채택했으며, Chrome, Safari, Firefox 등 주요 브라우저에서 지원됨
본 가이드는 AV1 코덱 인코딩 전략 및 최적화 방법을 설명

코덱과 컨테이너 개요

정적 이미지 포맷: WebP, JPEG, PNG는 대부분의 브라우저에서 지원됨. 최신 브라우저에서는 AVIF를 사용할 수 있음
비디오 파일 구조:
- 비디오 코덱: H.264, HEVC, VP9, AV1 등으로 비디오 압축 전략 결정
- 오디오 코덱: MP3, Opus, AAC 등 오디오 압축 전략 결정
- 컨테이너: MP4, MOV, WebM 등이 있으며, 비디오 및 오디오 스트림, 자막, 메타데이터 저장

AV1 코덱은 2018년 3월 첫 출시
HEVC/VP9 및 H.264/VP8 대비 파일 크기를 최대 30~50% 더 작게 생성 가능
장점:
- 낮은 비트레이트에서 높은 화질 유지 가능
- 압축 손실이 거의 없음
단점:
- 인코딩 속도가 느림
- 최신 기기에서만 지원됨 (iPhone 15+, MacBook M3 등)
- 호환성을 위해 AV1과 H.264 버전 모두 준비 필요

ffmpeg -i SOURCE.mov -map_metadata -1 -c:a aac -c:v libx264 -crf 24 -preset veryslow -profile:v main -pix_fmt yuv420p -movflags +faststart -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.h264.mp4

ffmpeg -i SOURCE.mov -map_metadata -1 -c:a libopus -c:v libsvtav1 -qp 30 -tile-columns 2 -tile-rows 2 -pix_fmt yuv420p -movflags +faststart -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.av1.mp4
crf 또는 qp 값 조정으로 화질과 파일 크기 간 균형 조정 가능

오래된 iPhone 및 Mac 지원을 위해 HEVC 인코딩
ffmpeg -i SOURCE.mov -map_metadata -1 -c:a aac -c:v libx265 -crf 24 -preset veryslow -pix_fmt yuv420p -movflags +faststart -tag:v hvc1 -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.hevc.mp4

최신 브라우저에서 AV1 사용, 구형 브라우저에서는 H.264로 대체 <video controls width="600" height="400"> <source src="video.av1.mp4" type="video/mp4; codecs=av01.0.05M.08,opus"> <source src="video.h264.mp4" type="video/mp4; codecs=avc1.4D401E,mp4a.40.2"> </video>
구형 iPhone 및 Mac 지원 시 HEVC 파일 추가 가능 <source src="video.hevc.mp4" type="video/mp4; codecs=hvc1">

GIF는 H.264 및 AV1 대비 20~40배 더 크기 크고 CPU랑 전원도 많이 먹음 → 변환 권장
GIF → H.264 변환
- ffmpeg -i IMAGE.gif -map_metadata -1 -an -c:v libx264 -crf 24 -preset veryslow -profile:v main -pix_fmt yuv420p -movflags +faststart -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" animation.h264.mp4
GIF → AV1 변환
- ffmpeg -i IMAGE.gif -map_metadata -1 -an -c:a opus -c:v libsvtav1 -qp 30 -tile-columns 2 -tile-rows 2 -pix_fmt yuv420p -movflags +faststart -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" animation.av1.mp4
HTML에서 GIF 대체 예제 <video autoplay loop muted playsinline width="600" height="400"> <source src="animation.av1.mp4" type="video/mp4; codecs=av01.0.05M.08"> <source src="animation.h264.mp4" type="video/mp4"> </video>