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

· 32분 읽기 · 수정 초급
[2026] MP4 vs MKV vs WebM 컨테이너 비교 | 호환성·스트리밍·자막 선택 가이드

이 글의 핵심

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

들어가며

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

이 글을 읽으면

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

실무에서 마주한 현실

개발을 배울 때는 모든 게 깔끔하고 이론적입니다. 하지만 실무는 다릅니다. 레거시 코드와 씨름하고, 급한 일정에 쫓기고, 예상치 못한 버그와 마주합니다. 이 글에서 다루는 내용도 처음엔 이론으로 배웠지만, 실제 프로젝트에 적용하면서 “아, 이래서 이렇게 설계하는구나” 하고 깨달은 것들입니다. 특히 기억에 남는 건 첫 프로젝트에서 겪은 시행착오입니다. 책에서 배운 대로 했는데 왜 안 되는지 몰라 며칠을 헤맸죠. 결국 선배 개발자의 코드 리뷰를 통해 문제를 발견했고, 그 과정에서 많은 걸 배웠습니다. 이 글에서는 이론뿐 아니라 실전에서 마주칠 수 있는 함정들과 해결 방법을 함께 다루겠습니다.

목차

  1. 빠른 비교표
  2. 각 포맷 상세
  3. 성능·생태계 비교
  4. 사용 시나리오별 추천
  5. 실무 사례
  6. 마이그레이션 가이드
  7. 트러블슈팅
  8. 마무리

1. 빠른 비교표

특성MP4MKVWebM
표준MPEG-4 Part 14 (ISO)Matroska (오픈)Matroska 부분집합
출시200120022010
브라우저 지원최고낮음높음 (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 예제: 아래 코드는 bash를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.
# 기본 리먹스
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 예제: 아래 코드는 bash를 사용한 구현 예제입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.
# 다중 오디오 + 자막
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 예제: 아래 코드는 bash를 사용한 구현 예제입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.
# 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매우 낮음작음우수
결론: 모두 효율적, 체감 차이 거의 없음

스트리밍 비교

프로토콜MP4MKVWebM
HLSfMP4 표준비표준비표준
DASHfMP4 표준가능가능
MSE완전 지원제한적VP9/AV1 지원
단일 파일우수우수우수

편집 툴 지원

툴MP4MKVWebM
Adobe Premiere✅✅부분
Final Cut Pro✅부분❌
DaVinci Resolve✅✅부분
Handbrake✅✅✅
FFmpeg✅✅✅

4. 사용 시나리오별 추천

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

5. 실무 사례

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

요구사항:

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

MP4 다중 품질

다음은 bash를 활용한 상세한 구현 코드입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

# 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 플레이어

다음은 html를 활용한 상세한 구현 코드입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

<!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 생성

아래 코드는 bash를 사용한 구현 예제입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

# 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 생성

아래 코드는 bash를 사용한 구현 예제입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

# 화면 녹화 최적화 (낮은 프레임레이트)
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% 절약)

폴백 지원

다음은 간단한 html 코드 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

<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단계: 변환 다음은 bash를 활용한 상세한 구현 코드입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

# 코덱 호환 시 (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 (대역폭 절약)

아래 코드는 bash를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

# 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 (호환성)

아래 코드는 bash를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

# 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: 외부 자막 다음은 간단한 html 코드 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

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

해결 2: MKV 사용 아래 코드는 bash를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

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 폴백 다음은 간단한 html 코드 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

<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 등) 해결: 호환 코덱으로 변환 아래 코드는 bash를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

# 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 — 각 컨테이너는 설계 목적이 다릅니다.

핵심 요약

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

선택 가이드

아래 코드는 text를 사용한 구현 예제입니다. 코드를 직접 실행해보면서 동작을 확인해보세요.

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

실전 체크리스트

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

추천 조합

플랫폼컨테이너비디오오디오
웹 (최대 호환)MP4H.264AAC
웹 (최신)WebMVP9/AV1Opus
iOS/SafariMP4H.264/HEVCAAC
AndroidMP4/WebMH.264/VP9AAC/Opus
아카이브MKVH.264/HEVCFLAC/AAC

FFmpeg 명령 치트시트

다음은 bash를 활용한 상세한 구현 코드입니다. 각 부분의 역할을 이해하면서 코드를 살펴보시기 바랍니다.

# 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

다음 단계

참고 자료

... 996 lines not shown ... Token usage: 63706/1000000; 936294 remaining Start-Sleep -Seconds 3