웹 에 넣을 때 뭐가 가장 무난가요?

브라우저 호환만 보면 MP4(H.264+AAC) 조합이 가장 널리 재생됩니다. WebM은 로열티·용량 측면에서 대안이 될 수 있으나 타깃 브라우저를 확인해야 합니다.

자막·다국어 오디오가 많으면 어떤 컨테이너가 좋나요?

트랙이 많고 유연하게 묶기엔 MKV가 강한 편입니다. 배포 플랫폼이 MP4만 허용하면 자막을 별도 트랙/외부 파일로 나누는 식으로 타협할 때가 많습니다.

컨테이너만 바꾸면 화질이 좋아지나요?

아니요. 화질·음질은 코덱과 비트레이트에 더 크게 의존합니다. 컨테이너는 호환성·메타데이터·스트리밍 구조를 결정합니다.

FFmpeg로 리먹스할 때 깨지는 경우는?

코덱 조합이 플레이어에서 허용되지 않거나, 타임스탬프·타임베이스가 어긋날 때입니다. -c copy 전에 소스 스트림 검사와 타깃 스펙 확인을 권장합니다.

MP4 vs MKV vs WebM 컨테이너 비교 | 호환성·스트리밍·자막 선택 가이드

2025년 3월 25일 · 32분 읽기 · 수정 2026년 4월 7일 초급 가이드

이 글의 핵심

MP4, MKV, WebM 컨테이너의 스트리밍·편집·자막·코덱 조합을 비교합니다. 웹·아카이브·블루레이 워크플로에 맞는 포맷 선택과 FFmpeg 예제를 정리했습니다.

들어가며

컨테이너(뮤싱 포맷)는 비디오·오디오·자막·챕터를 하나의 파일로 묶는 껍데기입니다. 코덱과 달리 “어디서 재생되나”는 대개 컨테이너와 플랫폼 정책이 결정합니다. MP4는 모바일·웹에서 표준에 가깝으며, MKV는 다중 자막·오디오에 강하며, WebM은 웹·로열티 프리 스택에 맞춰져 있습니다. 비유로 말씀드리면, 컨테이너는 여러 소스를 담는 도시락 통이으며, 코덱은 반찬을 만든 레시피입니다. 통만 바꿔서 화질이 좋아지지는 않지만, 어떤 플레이어가 통을 열 수 있는지는 달라집니다.

이 글을 읽으면

MP4 / MKV / WebM의 구조적 차이와 흔한 코덱 조합을 이해합니다
스트리밍(HLS/DASH)·<video> 태그·편집 툴 관점에서 선택 기준을 잡습니다
FFmpeg로 리먹스·변환하는 기본 패턴을 익힙니다
“어떤 컨테이너에 어떤 코덱을 넣을지” 실무 체크리스트를 갖춥니다

1. 빠른 비교표

특성	MP4	MKV	WebM
표준	MPEG-4 Part 14 (ISO)	Matroska (오픈)	Matroska 부분집합
출시	2001	2002	2010
브라우저 지원	최고	낮음	높음 (Chrome, Firefox)
모바일 지원	최고	중간	중간
다중 트랙	제한적	매우 강함	제한적
챕터	제한적	풍부	제한적
스트리밍	HLS/DASH 표준	파일 공유 중심	MSE, DASH 일부
대표 코덱	H.264/HEVC + AAC	모든 코덱	VP8/VP9/AV1 + Opus
라이선스	코덱 의존	컨테이너 오픈	로열티 프리 지향

2. 각 포맷 상세

MP4 (MPEG-4 Part 14)

역사: 2001년 ISO 표준화, QuickTime 기반 구조

Atom/Box 기반 (moov, mdat, ftyp 등)
계층적 메타데이터 장점
거의 모든 기기·플랫폼 지원
HLS/DASH fMP4 표준
편집 툴 광범위 지원 단점
다중 자막·오디오 관리 복잡
챕터 지원 제한적 FFmpeg 예제:

# 기본 리먹스
ffmpeg -i input.mkv -c copy -movflags +faststart output.mp4
# H.264 + AAC 인코딩
ffmpeg -i input.avi \
  -c:v libx264 -preset medium -crf 23 \
  -c:a aac -b:a 192k \
  -movflags +faststart \
  output.mp4

MKV (Matroska)

역사: 2002년 오픈 프로젝트 시작 구조

EBML 기반 (Extensible Binary Meta Language)
Segment → Tracks, Clusters, Tags, Chapters 장점
거의 모든 코덱 지원
다중 오디오·자막·챕터 강함
첨부 파일 (폰트, 커버) 단점
브라우저 네이티브 지원 낮음
일부 모바일 기기 미지원 FFmpeg 예제:

# 다중 오디오 + 자막
ffmpeg -i video.mp4 \
  -i audio_kor.wav \
  -i audio_eng.wav \
  -i subtitle.srt \
  -map 0:v -map 1:a -map 2:a -map 3:s \
  -c:v copy \
  -c:a aac -b:a 192k \
  -c:s copy \
  -metadata:s:a:0 language=kor \
  -metadata:s:a:1 language=eng \
  output.mkv

WebM

역사: 2010년 Google 주도, Matroska 부분집합 구조

Matroska 기반
허용 코덱 제한 (VP8/VP9/AV1 + Opus/Vorbis) 장점
로열티 프리 코덱 조합
Chrome, Firefox 완전 지원
웹 최적화 단점
Safari 제한적 지원
코덱 선택 제한
편집 툴 지원 낮음 FFmpeg 예제:

# VP9 + Opus
ffmpeg -i input.mp4 \
  -c:v libvpx-vp9 -crf 32 -b:v 0 \
  -c:a libopus -b:a 128k \
  output.webm
# AV1 + Opus
ffmpeg -i input.mp4 \
  -c:v libsvtav1 -crf 28 -preset 6 \
  -c:a libopus -b:a 128k \
  output.webm

3. 성능·생태계 비교

컨테이너 오버헤드

컨테이너	오버헤드	메타데이터 크기	시크 성능
MP4	매우 낮음	작음	우수 (moov atom)
MKV	낮음	중간~큼	우수 (Cues)
WebM	매우 낮음	작음	우수
결론: 모두 효율적, 체감 차이 거의 없음

스트리밍 비교

프로토콜	MP4	MKV	WebM
HLS	fMP4 표준	비표준	비표준
DASH	fMP4 표준	가능	가능
MSE	완전 지원	제한적	VP9/AV1 지원
단일 파일	우수	우수	우수

편집 툴 지원

툴	MP4	MKV	WebM
Adobe Premiere	✅	✅	부분
Final Cut Pro	✅	부분	❌
DaVinci Resolve	✅	✅	부분
Handbrake	✅	✅	✅
FFmpeg	✅	✅	✅

4. 사용 시나리오별 추천

시나리오	추천 컨테이너	코덱 조합	이유
YouTube 업로드	MP4	H.264 + AAC	플랫폼 권장
웹 스트리밍	MP4 (fMP4)	H.264 + AAC	최대 호환
웹 (오픈 코덱)	WebM	VP9/AV1 + Opus	로열티 프리
블루레이 리핑	MKV	H.264/HEVC + FLAC	다중 트랙
팟캐스트	MP4/MP3	AAC/MP3	최대 호환
게임 영상	MP4	H.264 + AAC	범용
아카이브	MKV	무손실 코덱	원본 보존

5. 실무 사례

사례 1: 유튜브 스타일 다중 품질

요구사항

1080p, 720p, 480p 제공
웹 플레이어
적응형 스트리밍

MP4 다중 품질

# 1080p
ffmpeg -i input.mp4 \
  -vf "scale=1920:1080" \
  -c:v libx264 -preset medium -crf 23 \
  -c:a aac -b:a 192k \
  -movflags +faststart \
  1080p.mp4
# 720p
ffmpeg -i input.mp4 \
  -vf "scale=1280:720" \
  -c:v libx264 -preset medium -crf 24 \
  -c:a aac -b:a 128k \
  -movflags +faststart \
  720p.mp4
# 480p
ffmpeg -i input.mp4 \
  -vf "scale=854:480" \
  -c:v libx264 -preset medium -crf 26 \
  -c:a aac -b:a 96k \
  -movflags +faststart \
  480p.mp4

HTML5 플레이어

<!DOCTYPE html>
<html>
<head>
  <title>적응형 비디오 플레이어</title>
</head>
<body>
  <video id="player" controls width="1280"></video>
  
  <div>
    <button onclick="changeQuality('1080p')">1080p</button>
    <button onclick="changeQuality('720p')">720p</button>
    <button onclick="changeQuality('480p')">480p</button>
  </div>
  
  <script>
    const player = document.getElementById('player');
    const qualities = {
      '1080p': 'videos/1080p.mp4',
      '720p': 'videos/720p.mp4',
      '480p': 'videos/480p.mp4'
    };
    
    function changeQuality(quality) {
      const currentTime = player.currentTime;
      player.src = qualities[quality];
      player.currentTime = currentTime;
      player.play();
    }
    
    player.src = qualities['720p'];
  </script>
</body>
</html>

사례 2: 블루레이 리핑 - MKV 아카이브

요구사항

원본 품질 유지
다국어 오디오 (한국어, 영어, 일본어)
다국어 자막
챕터 보존

MKV 생성

# MakeMKV 출력 정리
ffmpeg -i bluray_rip.mkv \
  -map 0:v:0 \
  -map 0:a:0 -map 0:a:1 -map 0:a:2 \
  -map 0:s:0 -map 0:s:1 -map 0:s:2 \
  -c copy \
  -metadata:s:a:0 language=kor -metadata:s:a:0 title="한국어" \
  -metadata:s:a:1 language=eng -metadata:s:a:1 title="English" \
  -metadata:s:a:2 language=jpn -metadata:s:a:2 title="日本語" \
  -metadata:s:s:0 language=kor \
  -metadata:s:s:1 language=eng \
  -metadata:s:s:2 language=jpn \
  -disposition:a:0 default \
  movie_archive.mkv

사례 3: 웹 강의 - WebM 최적화

요구사항

화면 녹화 (슬라이드)
파일 크기 최소화
웹 플레이어

WebM 생성

# 화면 녹화 최적화 (낮은 프레임레이트)
ffmpeg -i lecture.mp4 \
  -vf "scale=1280:720" \
  -r 15 \
  -c:v libvpx-vp9 \
  -crf 35 \
  -b:v 0 \
  -c:a libopus \
  -b:a 64k \
  -ac 1 \
  lecture.webm

결과

1시간 강의: 약 150MB (MP4 대비 50% 절약)

폴백 지원

<video controls>
  <source src="lecture.webm" type="video/webm">
  <source src="lecture.mp4" type="video/mp4">
</video>

6. 마이그레이션 가이드

MKV → MP4 (최대 호환)

1단계: 코덱 확인

ffprobe -v error -select_streams v:0 -show_entries stream=codec_name input.mkv
ffprobe -v error -select_streams a:0 -show_entries stream=codec_name input.mkv

2단계: 변환

# 코덱 호환 시 (H.264 + AAC)
ffmpeg -i input.mkv \
  -c:v copy \
  -c:a copy \
  -map 0:v:0 \
  -map 0:a:0 \
  -movflags +faststart \
  output.mp4
# 코덱 변환 필요 시
ffmpeg -i input.mkv \
  -c:v libx264 -preset medium -crf 23 \
  -c:a aac -b:a 192k \
  -movflags +faststart \
  output.mp4

MP4 → WebM (대역폭 절약)

# VP9 + Opus
ffmpeg -i input.mp4 \
  -c:v libvpx-vp9 -crf 32 -b:v 0 \
  -c:a libopus -b:a 128k \
  output.webm

WebM → MP4 (호환성)

# VP9 → H.264
ffmpeg -i input.webm \
  -c:v libx264 -preset medium -crf 23 \
  -c:a aac -b:a 192k \
  -movflags +faststart \
  output.mp4

7. 트러블슈팅

문제 1: 자막이 안 보임

증상: MP4에 자막 넣었는데 플레이어에서 안 보임 원인: MP4는 자막 코덱 제한적 해결 1: 외부 자막

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="subtitle.vtt" kind="subtitles" srclang="ko" label="한국어">
</video>

해결 2: MKV 사용

ffmpeg -i video.mp4 -i subtitle.srt \
  -map 0 -map 1 \
  -c copy \
  -metadata:s:s:0 language=kor \
  output.mkv

문제 2: Safari에서 WebM 재생 안 됨

증상: Safari에서 WebM 재생 불가 해결: MP4 폴백

<video controls>
  <source src="video.webm" type="video/webm">
  <source src="video.mp4" type="video/mp4">
</video>

문제 3: 스트리밍 버퍼링

증상: MP4 파일이 끝까지 다운로드되어야 재생 원인: moov atom이 파일 끝에 위치 해결: faststart 플래그

ffmpeg -i input.mp4 -c copy -movflags +faststart output.mp4

문제 4: 코덱 미지원

증상: MKV 파일이 특정 기기에서 재생 안 됨 원인: 코덱 미지원 (HEVC, FLAC 등) 해결: 호환 코덱으로 변환

# HEVC → H.264
ffmpeg -i input.mkv \
  -c:v libx264 -preset medium -crf 23 \
  -c:a aac -b:a 192k \
  output.mp4

마무리

MP4 vs MKV vs WebM — 각 컨테이너는 설계 목적이 다릅니다.

핵심 요약

MP4
- 최대 호환성
- 스트리밍 표준
- 범용 배포
MKV
- 다중 트랙 강함
- 아카이브 최적
- 유연한 메타데이터
WebM
- 웹 최적화
- 로열티 프리
- VP9/AV1 + Opus

선택 가이드

최대 호환 필요? → MP4
  ↓ No
다중 트랙 많음? → MKV
  ↓ No
웹 최적화? → WebM

실전 체크리스트

✅ 타깃 플랫폼 확인 (브라우저, 모바일, TV)
✅ 코덱 호환성 확인 (H.264, HEVC, VP9, AV1)
✅ 자막 요구사항 (내장 vs 외부)
✅ 스트리밍 프로토콜 (HLS, DASH)
✅ 라이선스 고려 (상용 배포 시)

플랫폼	컨테이너	비디오	오디오
웹 (최대 호환)	MP4	H.264	AAC
웹 (최신)	WebM	VP9/AV1	Opus
iOS/Safari	MP4	H.264/HEVC	AAC
Android	MP4/WebM	H.264/VP9	AAC/Opus
아카이브	MKV	H.264/HEVC	FLAC/AAC

FFmpeg 명령 치트시트

# MP4 생성
ffmpeg -i input.avi -c:v libx264 -c:a aac -movflags +faststart output.mp4
# MKV 생성 (다중 트랙)
ffmpeg -i video.mp4 -i audio.wav -i subtitle.srt \
  -map 0:v -map 1:a -map 2:s \
  -c:v copy -c:a aac -c:s copy \
  output.mkv
# WebM 생성
ffmpeg -i input.mp4 -c:v libvpx-vp9 -c:a libopus output.webm
# MKV → MP4
ffmpeg -i input.mkv -c copy -movflags +faststart output.mp4
# MP4 → WebM
ffmpeg -i input.mp4 -c:v libvpx-vp9 -crf 32 -c:a libopus -b:a 128k output.webm

다음 단계

MP4 상세: MP4 완벽 가이드
MKV 상세: MKV 실전 가이드
WebM 상세: WebM 웹 표준

참고 자료

MP4: ISO/IEC 14496-14
Matroska: https://www.matroska.org/
WebM: https://www.webmproject.org/
FFmpeg: https://ffmpeg.org/ffmpeg-formats.html 한 줄 정리: 사람들에게 보낼 파일은 MP4, 보관·다국어는 MKV, 브라우저·오픈 스택은 WebM을 후보에 넣는다.

자주 묻는 질문 (FAQ)

Q. 이 내용을 실무에서 언제 쓰나요?

A. MP4, MKV, WebM 컨테이너의 스트리밍·편집·자막·코덱 조합을 비교합니다. 웹·아카이브·블루레이 워크플로에 맞는 포맷 선택과 FFmpeg 예제를 정리했습니다. 실전 예제와 코드로 개념부터 활용까지 정리합니다.… 실무에서는 위 본문의 예제와 선택 가이드를 참고해 적용하면 됩니다.

Q. 선행으로 읽으면 좋은 글은?

A. 각 글 하단의 이전 글 또는 관련 글 링크를 따라가면 순서대로 배울 수 있습니다. C++ 시리즈 목차에서 전체 흐름을 확인할 수 있습니다.

Q. 더 깊이 공부하려면?

A. cppreference와 해당 라이브러리 공식 문서를 참고하세요. 글 말미의 참고 자료 링크도 활용하면 좋습니다.

같이 보면 좋은 글 (내부 링크)

이 주제와 연결되는 다른 글입니다.

이 글에서 다루는 키워드 (관련 검색어)

컨테이너, MP4, MKV, WebM, 비교, 호환성, 스트리밍 등으로 검색하시면 이 글이 도움이 됩니다.

이 글이 도움이 되셨나요?

여러분의 피드백은 더 나은 콘텐츠를 만드는 데 도움이 됩니다

문제가 있거나 개선 제안이 있으시면 연락처로 알려주세요.

이 글의 핵심

들어가며

이 글을 읽으면

1. 빠른 비교표

2. 각 포맷 상세

MP4 (MPEG-4 Part 14)

MKV (Matroska)

WebM

3. 성능·생태계 비교

컨테이너 오버헤드

스트리밍 비교

편집 툴 지원

4. 사용 시나리오별 추천

5. 실무 사례

사례 1: 유튜브 스타일 다중 품질

MP4 다중 품질

HTML5 플레이어

사례 2: 블루레이 리핑 - MKV 아카이브

MKV 생성

사례 3: 웹 강의 - WebM 최적화

WebM 생성

폴백 지원

6. 마이그레이션 가이드

MKV → MP4 (최대 호환)

MP4 → WebM (대역폭 절약)

WebM → MP4 (호환성)

7. 트러블슈팅

문제 1: 자막이 안 보임

문제 2: Safari에서 WebM 재생 안 됨

문제 3: 스트리밍 버퍼링

문제 4: 코덱 미지원

마무리

핵심 요약

선택 가이드

실전 체크리스트

추천 조합

FFmpeg 명령 치트시트

다음 단계

참고 자료

자주 묻는 질문 (FAQ)

Q. 이 내용을 실무에서 언제 쓰나요?

Q. 선행으로 읽으면 좋은 글은?

Q. 더 깊이 공부하려면?

같이 보면 좋은 글 (내부 링크)

이 글에서 다루는 키워드 (관련 검색어)

이 글이 도움이 되셨나요?