WebM 영상을 GIF로 무료 변환. 구간을 골라 브라우저에서 바로 만들고 업로드는 없습니다.
WebM에는 VP8·VP9·AV1 영상과 Opus·Vorbis 음성이 들어 있습니다. Nerulio는 브라우저의 WebCodecs 디코더로 영상을 디코딩해 고른 구간으로 GIF를 만듭니다. VP8·VP9는 크롬·엣지·파이어폭스에서 널리 디코딩되고, AV1은 브라우저와 기기에 더 많이 좌우됩니다. 헤더를 믿지 않고 패킷에서 길이를 재므로 실시간 녹화기가 쓴 WebM에서도 길이가 맞습니다. WebM의 투명도는 옮겨지지 않아 모든 GIF 프레임이 불투명합니다.
영상을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다업로드 없음 · 이 기기에서 처리
게임을 만들고 있나요?
Nerulio는 무엇보다 2D 게임 에셋 스튜디오입니다. 도트를 그리고, 스프라이트 시트를 애니메이션으로 자르고, 텍스처 아틀라스를 패킹하고, 오토타일 타일셋을 점검해 Godot·Unity·Phaser 등 엔진용으로 내보냅니다. 브라우저에서 동작하며 파일은 기기 밖으로 나가지 않습니다.
WebM은 Matroska 기반 컨테이너로, 공개 코덱만 씁니다. 영상은 VP8·VP9·AV1, 음성은 Opus·Vorbis입니다. MDN은 VP9와 VP8을 WebM이 의무로 정한 두 영상 코덱이라고 설명하며, AV1은 나중에 더해졌고 디코딩이 브라우저와 기기에 더 좌우됩니다. Nerulio는 영상 트랙만 씁니다.
Nerulio는 헤더 값을 믿지 않고 파일 끝의 패킷에서 길이를 계산합니다. 브라우저 화면 녹화처럼 실시간 녹화기가 쓴 WebM은 헤더 값이 빠져 있을 수 있어서 중요합니다. 타임라인과 기본 6초 구간은 실제 길이를 씁니다.
VP8·VP9는 투명 영상을 위한 알파 채널을 담을 수 있습니다. GIF는 팔레트 색 하나만 완전 투명으로 표시할 수 있는데, Nerulio의 GIF 작성기는 이를 쓰지 않으므로 투명한 부분이 불투명해집니다. 투명한 애니메이션이 필요하면 WebM을 그대로 쓰거나 만든 도구에서 PNG 시퀀스로 내보내세요.
Matroska
WebM의 바탕이 된 컨테이너. WebM은 이를 웹 코덱으로 한정합니다.
VP9
공개·무료 영상 코덱으로, WebM이 의무로 정한 둘 중 하나.
알파 채널
픽셀별 투명도. WebM의 VP8·VP9는 담을 수 있고, GIF는 켜고 끄는 투명만 있습니다.
예시: 60fps 화면 녹화 WebM
1280 × 720 녹화 6초를 640 px·24fps로:
원본 1280 × 720 VP9, 60 fps, Opus 음성, 20 s
구간 8.0 → 14.0 s (6 s)
프레임 6 s × 24 fps = 640 × 360 px 144 프레임(원본 2.5 프레임 중 하나)
지연 40 또는 50 ms: 12 프레임 = 500 ms, 평균 24 fps
번호 데이터 640 × 360 × 144 = LZW 전 3,320만 바이트
평평한 UI 인터페이스 색은 256색 팔레트에 들어감. 디더링은 끄기
화면 녹화라면 색 수를 줄이기보다 폭을 좁히거나 15fps로 하는 편이 용량에 더 효과적입니다. 평평한 인터페이스 색은 이미 팔레트에 들어가기 때문입니다.
WebM에서 GIF로
WebM에서
Nerulio에서
GIF에서
VP8·VP9·AV1 영상
WebCodecs로 디코딩
최대 256색 팔레트 프레임
헤더의 길이(빠져 있을 수 있음)
패킷에서 잼
올바른 타임라인과 구간
알파 채널
GIF 작성기가 쓰지 않음
불투명 프레임
Opus·Vorbis 음성
읽지 않음
소리 없음
결과 확인
파일을 연 뒤 타임라인의 길이가 녹화 길이와 맞는지 확인하세요.
실행 전에 프레임 수와 예상 용량을 확인하세요.
투명 WebM이었다면 GIF를 밝은 배경과 어두운 배경에서 보세요. 불투명하게 나옵니다.
문제 해결
증상
유력한 원인
확인 방법
해결
AV1 WebM에서 디코더 오류
이 브라우저·기기에 AV1 디코더가 없음
ffprobe에 codec_name=av1
AV1을 디코딩하는 브라우저를 쓰거나 VP9로 녹화
투명 배경이 단색으로 나옴
여기 GIF 작성기는 투명 색을 쓰지 않음
—
WebM을 그대로 쓰거나 원래 도구에서 PNG 시퀀스로 내보내기
화면 녹화의 작은 글씨가 흐림
1280 px를 480 px로 줄이면 작은 글씨가 뭉개짐
100 %로 비교
원본 폭을 고르거나, 중요한 부분만 자르고 대신 fps를 낮추기
GIF가 WebM보다 훨씬 큼
VP9는 프레임 사이 변화만 압축하지만 GIF는 프레임을 통째로 저장
두 용량 비교
재생되는 곳이면 WebM을 쓰고, GIF는 구간을 줄이거나 fps를 낮추기
다른 방법
방법
이럴 때 더 낫습니다
WebM 그대로 쓰기
브라우저는 WebM을 바로 재생합니다. 더 작고 투명도와 소리도 유지됩니다.
palettegen·paletteuse를 쓰는 FFmpeg
스크립트, 일괄 작업, 클립 전체에 팔레트 하나.
이 방법의 한계
투명 GIF는 만들지 않습니다.
AV1 WebM은 AV1 디코더가 있는 브라우저가 필요합니다.
버전과 출처
tests/media-browser.mjs로 Chromium 153과 Firefox 155에서 확인했습니다. 음성 없는 60fps VP9 WebM을 디코딩해 60fps로 다시 인코딩했고, 없는 음성 트랙을 만들어 내지 않았습니다. GIF 인코딩은 gifenc 1.0.3입니다. WebM 코덱 내용은 MDN, AV1 브라우저 지원은 caniuse를 따랐습니다.