미디어 편집

영상 구간을 자르고 프레임·GIF·MP3를 추출하세요. 브라우저에서 미리보기와 출력 설정을 확인하며, 사용 가능한 형식은 기기의 코덱 지원에 따라 달라집니다.

미디어 페이지는 영상이나 음성 파일 하나를 열어 다섯 가지 작업 중 하나를 합니다. GIF, MP3·WAV 음성, 더 작은 영상, 잘라낸 구간, 정지 프레임입니다. 파일은 브라우저 안에서 조각씩 읽고, Mediabunny 1.58.1이 컨테이너(MP4, MOV, WebM, MKV, MP3, WAV, Ogg 등)를 트랙으로 나누면 나머지는 브라우저의 WebCodecs 디코더·인코더가 처리합니다. 그래서 파일이 되는지는 확장자가 아니라 안에 든 코덱과 브라우저에 달려 있습니다.

영상을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다

업로드 없음 · 이 기기에서 처리

게임을 만들고 있나요?

Nerulio는 무엇보다 2D 게임 에셋 스튜디오입니다. 도트를 그리고, 스프라이트 시트를 애니메이션으로 자르고, 텍스처 아틀라스를 패킹하고, 오토타일 타일셋을 점검해 Godot·Unity·Phaser 등 엔진용으로 내보냅니다. 브라우저에서 동작하며 파일은 기기 밖으로 나가지 않습니다.

게임 스튜디오 열기 →게임 도구 전체 GIF를 스프라이트 시트로 스프라이트 애니메이션 미리보기 스프라이트 시트 패커

컨테이너와 코덱, 작업별로 필요한 디코더

영상 파일은 따로 압축된 트랙을 담은 컨테이너(MP4, MOV, WebM, MKV)입니다. 보통 영상 트랙 하나(H.264, HEVC, VP9, AV1 등)와 오디오 트랙 하나(AAC, Opus, MP3, PCM 등)가 들어 있습니다. 파일을 여는 것은 컨테이너만 읽는 일이고, 디코딩하려면 코덱마다 디코더가 있어야 합니다. 브라우저는 이를 WebCodecs로 제공하며, MDN에 따르면 브라우저나 기기마다 WebCodecs가 정의한 코덱 중 일부만 지원할 수 있습니다.

다섯 작업은 필요한 것이 다릅니다. GIF와 정지 프레임은 영상 트랙을 디코딩합니다. 음성 추출은 오디오 트랙만 디코딩하고 화면은 버리므로 영상 코덱을 지원하지 않아도 됩니다. 정밀 자르기와 압축은 두 트랙을 모두 디코딩해 다시 인코딩합니다. 빠른 자르기는 압축된 패킷을 디코딩 없이 복사하므로, 그 코덱을 받아 주는 컨테이너만 있으면 됩니다.

결과는 가능하면 메모리에 쌓지 않고 브라우저 전용 저장소(OPFS)의 임시 파일에 쓰며, 결과를 지우면 삭제되고 7일이 지나면 정리됩니다. WebCodecs가 없으면 실시간으로 녹화하는 호환 모드로 바뀌는데, 영상 10분, 음성은 원본 20분, GIF는 20초·8fps·480px이라는 상한이 있습니다.

컨테이너: 트랙과 그 타이밍을 담는 파일 형식. MP4, MOV, WebM, MKV, WAV 등.
코덱: 트랙 하나를 압축하는 방식. 영상은 H.264·HEVC·VP9·AV1, 음성은 AAC·Opus·MP3·PCM 등.
디먹스·먹스: 컨테이너를 트랙으로 나누는 것과, 트랙을 새 컨테이너에 쓰는 것.
WebCodecs: 웹 페이지가 기기의 오디오·영상 디코더와 인코더를 쓸 수 있게 하는 브라우저 API.

예시: 아이폰 영상 하나로 다섯 작업

카메라 설정 High Efficiency로 찍은 1920 × 1080 MOV(HEVC 영상, AAC 음성)를 HEVC 디코더가 없는 브라우저에서 열었을 때:

열기         컨테이너 QuickTime, 영상 hevc 1920 × 1080, 음성 aac  → 열림
음성         영상 트랙은 버리고 AAC만 디코딩          → MP3 성공
자르기·빠르게 패킷을 MP4로 복사, 디코딩 없음          → 복사 경로라 HEVC 디코더가 필요 없음
GIF, 프레임  디코딩된 HEVC 프레임이 필요             → 디코더 오류로 멈춤
압축         디코딩된 HEVC 프레임이 필요             → 디코더 오류로 멈춤
HEVC를 디코딩하는 브라우저에서 같은 파일             → 다섯 작업 모두 실행

그래서 "지원하지 않음"은 대개 "여기서는 이 코덱을 지원하지 않음"이라는 뜻입니다. 파일 코덱을 읽는 법과 H.264로 촬영하는 법은 MOV를 GIF로 안내에 있습니다.

작업별로 읽는 것과 쓰는 것

작업	읽는 것	디코더가 필요한 코덱	결과
GIF	영상 트랙만	영상 코덱	GIF, 프레임당 최대 256색
음성	오디오 트랙만	오디오 코덱	MP3(128–320 kbit/s) 또는 16비트 WAV
압축	영상과 음성	두 코덱 모두	H.264의 MP4, 또는 VP9·VP8·AV1의 WebM
자르기 · 정밀	영상과 음성	두 코덱 모두	다시 인코딩한 MP4 또는 WebM
자르기 · 빠르게	압축된 패킷	없음(복사)	원본 코덱 그대로의 MP4 또는 WebM
프레임	영상 프레임 하나	영상 코덱	원본 해상도의 PNG·JPG·WebP

결과 확인

파일을 열면 파일 줄에 해상도·길이·용량이 나옵니다. "오디오만"이면 다룰 영상 트랙이 없다는 뜻입니다.
실행 후 결과 상자에 전후 용량과, 영상이면 출력 해상도가 나옵니다. 내려받기 전에 결과 탭에서 재생해 보세요.
결과 탭과 원본 탭을 오가며 같은 순간을 비교하세요.

문제 해결

증상	유력한 원인	확인 방법	해결
파일이 아예 열리지 않음	이 읽기 도구가 모르는 컨테이너이거나 파일이 손상됨	다른 플레이어로 재생해 보고 ffprobe로 형식 확인	만든 앱에서 MP4(H.264·AAC)로 다시 내보내기
열리지만 GIF·프레임·압축이 디코더 오류로 멈춤	브라우저에 이 영상 코덱의 디코더가 없음(주로 HEVC나 ProRes)	ffprobe로 코덱을 보거나 다른 브라우저에서 같은 파일 시도	디코딩되는 브라우저를 쓰거나 H.264로 촬영. 화면을 디코딩하지 않는 음성 추출·빠른 자르기는 가능
호환 모드라는 안내가 나옴	이 브라우저에 WebCodecs가 없어 예전 실시간 방식을 씀	옵션 아래의 안내 문구	최신 크롬·엣지·파이어폭스 사용. 호환 모드에서는 탭을 화면에 띄워 두기
음성 작업만 실행됨	파일에 영상 트랙이 없음	파일 줄에 오디오만이라고 표시	정상입니다. 음성을 변환하거나 영상 파일을 여세요
결과가 원본보다 큼	이미 잘 압축된 원본을 더 높은 화질로 다시 인코딩함	결과 상자에 증가율이 표시됨	작게 화질·해상도 상한·목표 용량을 쓰고, 자르기만 할 때는 빠른 자르기

다른 방법

방법	이럴 때 더 낫습니다
내 컴퓨터의 FFmpeg	일괄 작업, 스크립트, 브라우저가 디코딩하지 못하는 코덱(ProRes, 대부분의 서라운드 형식)이 필요할 때. 미리보기 없이 명령줄로만 씁니다.
작업별 페이지: 영상을 GIF로, 영상을 MP3로, 자르기, 압축, 프레임	같은 엔진에 한 작업의 설정을 미리 골라 둔 페이지입니다.

이 방법의 한계

코덱 지원은 브라우저가 정합니다. 여기서 HEVC·ProRes·서라운드 음성용 디코더를 따로 더하지 않습니다.
한 번에 파일 하나, 기본 영상·음성 트랙 하나씩만 다룹니다. 추가 음성 트랙과 자막은 빠집니다.

버전과 출처

tests/media-browser.mjs로 Chromium 153과 Firefox 155에서 음성이 있는 6초짜리 1920 × 1080 MP4 테스트 신호를 써서 확인했습니다. 빠른·정밀 자르기가 길이와 음성을 유지하고, MP3·WAV·GIF·프레임 작업이 요청한 결과를 내며, 결과물은 FFprobe와 Pillow로 따로 다시 디코딩해 검사했습니다. 선택 실행으로 500MB가 넘는 1시간 파일의 마지막 1분도 잘라 봅니다. 코덱 지원은 브라우저와 기기에 따라 다릅니다.

참고한 공식 문서

미디어 편집

사용 방법

원본 파일 열기
처리 방식과 설정 선택
실행 후 결과를 확인하고 다운로드

지원 형식

MP4 / WebM / MOV / MP3 / WAV / OGG / M4A → MP4 / WebM / GIF / PNG / WAV / MP3 — 입력·출력 지원은 브라우저에 따라 다릅니다.

이 도구로 할 수 있는 일

파일을 구간별로 읽어 빠른 키프레임 자르기 또는 WebCodecs 정밀 처리를 수행합니다. 지원 확인 후 MP4·WebM을 저장하며 오디오·GIF 설정과 원본 크기 프레임 추출을 제공합니다.

처리 방식과 검증 수준

advanced · Mediabunny / WebCodecs / OPFS. 품질 검증을 진행 중입니다. Pro·Flagship 수준은 아직 입증되지 않았습니다.

저장 전에 확인하세요

빠른 자르기는 범위 안쪽 키프레임으로 줄어듭니다. 정밀 모드는 재인코딩하며 코덱 지원은 다릅니다. 가능하면 결과를 기기 내 임시 저장소에 씁니다. 호환 녹화 모드의 짧은 구간 제한은 유지됩니다.

자주 묻는 질문

처리 가능한 크기는 무엇으로 결정되나요?

기기 메모리·저장 공간·코덱 지원에 따라 달라집니다. 테스트한 사례가 모든 파일의 성공을 보장하지는 않습니다.

파일이 서버에 업로드되나요?

이 도구에서 연 파일은 서버에 업로드하지 않고 사용자 기기에서 처리합니다. 커뮤니티 글에 직접 첨부하는 이미지는 별도로 업로드됩니다. 일부 엔진과 모델은 외부에서 내려받으므로 IP 주소 등 연결 정보가 해당 서비스에 전달됩니다.

작업이 자동 저장되나요?

아니요. 이미지와 편집 상태는 이 탭에 있고 미디어 결과는 기기 내 임시 저장소를 사용할 수 있습니다. 언어를 바꿔도 작업은 유지되지만 새로고침, 탭 닫기, 다른 페이지로 이동하면 사라질 수 있습니다.