비디오를 GIF로

작동 원리

비디오-GIF 변환은 비디오의 각 프레임을 Canvas에 렌더링하고, 이를 GIF 인코더로 결합합니다. HTMLVideoElement의 currentTime을 조작하여 지정 간격으로 프레임을 캡처하고, gif.js 같은 라이브러리가 각 프레임의 픽셀 데이터를 LZW 압축하여 GIF 형식으로 인코딩합니다. 색상은 256색 팔레트로 양자화됩니다.

GIF 만드는 순서

1. 페이지가 열리면 변환 라이브러리가 자동으로 로딩됩니다. "라이브러리 로딩 중" 표시가 사라지면 준비 완료입니다.
2. 점선 영역에 동영상을 드래그하거나 클릭해서 선택하세요. MP4, WEBM, MOV 형식을 지원하며 최대 100MB까지 올릴 수 있습니다.
3. 업로드된 동영상이 플레이어에 표시되면 재생해 보면서 GIF로 만들 장면을 찾으세요.
4. 시작 시간과 종료 시간 슬라이더를 0.1초 단위로 움직여 원하는 구간을 지정합니다. 구간이 짧을수록 결과 GIF의 용량이 작아집니다.
5. 너비를 320px, 480px, 640px, 원본 크기 중에서 고르세요. 기본값은 480px로, 메신저나 게시판 공유에 무난한 크기입니다.
6. FPS(초당 프레임)를 선택합니다. 5는 용량 최소화, 10은 권장 기본값, 15는 부드러운 움직임, 24는 영화 같은 질감을 냅니다.
7. GIF 변환 버튼을 누르고 잠시 기다리면 결과가 표시되고 파일 크기도 함께 보여줍니다. GIF 다운로드로 저장하거나, 새 동영상 버튼으로 다른 파일을 작업하세요.

이렇게 활용해 보세요

움짤 만들기: 예능이나 직접 찍은 영상에서 재미있는 순간을 몇 초만 잘라 GIF로 만들면 커뮤니티나 단체 채팅방에서 바로 재생되는 움짤이 됩니다. 동영상 링크와 달리 클릭할 필요 없이 자동 반복 재생되어 반응을 끌어내기 좋습니다.

업무 매뉴얼·버그 리포트: 프로그램 사용법이나 오류 재현 과정을 화면 녹화한 뒤 핵심 구간만 GIF로 변환하면, 문서나 이슈 트래커에 첨부했을 때 글보다 훨씬 직관적으로 전달됩니다. 화면 녹화 도구와 함께 사용하면 녹화부터 GIF 제작까지 브라우저 안에서 끝낼 수 있습니다.

상품·포트폴리오 미리보기: 쇼핑몰 상세 페이지나 포트폴리오 사이트에 동영상 플레이어를 넣기 부담스러울 때, 제품이 움직이는 몇 초짜리 GIF는 이미지처럼 간단히 삽입하면서도 생동감을 전달합니다.

용량과 화질의 균형 잡기

GIF는 프레임마다 이미지를 통째로 저장하는 형식이라 같은 장면의 동영상보다 용량이 훨씬 큽니다. 결과 파일의 크기는 구간 길이 × FPS × 해상도에 비례하므로, 이 세 가지를 조절하는 것이 용량 관리의 전부라고 해도 과언이 아닙니다. 예를 들어 FPS를 24에서 10으로 낮추면 프레임 수가 절반 이하로 줄고, 너비를 640px에서 320px로 줄이면 픽셀 수가 4분의 1이 됩니다.

용도별 추천 조합은 이렇습니다. 채팅방 공유용이라면 3~5초 구간에 320~480px, 10FPS면 충분하고, 웹페이지 삽입용은 480px에 10~15FPS가 무난합니다. 움직임이 빠른 장면(스포츠, 게임 플레이)은 FPS를 15 이상으로 유지해야 뚝뚝 끊겨 보이지 않고, 화면 녹화처럼 변화가 느린 장면은 5~10FPS로도 자연스럽습니다. 변환 후 표시되는 파일 크기를 확인하고, 너무 크면 구간을 줄이거나 FPS·너비를 한 단계씩 낮춰 다시 변환해 보세요.

자주 묻는 질문

동영상이 서버로 업로드되나요?

아니요. 변환은 브라우저 안에서 JavaScript로 처리되며 동영상이 외부로 전송되지 않습니다. 개인 영상이나 공개 전 콘텐츠라도 업로드 자체가 일어나지 않으니 유출될 경로가 없습니다.

어떤 동영상 형식을 지원하나요?

MP4, WEBM, MOV를 지원하며 파일 크기는 최대 100MB까지 가능합니다. 아이폰에서 찍은 MOV 영상도 별도 변환 없이 바로 올릴 수 있습니다.

GIF 용량이 원본 영상보다 커졌어요. 정상인가요?

네, 자주 있는 일입니다. 동영상은 프레임 간 차이만 저장하는 고효율 압축을 쓰는 반면 GIF는 매 프레임을 이미지로 저장하기 때문입니다. 구간을 짧게 하고 FPS와 너비를 낮추면 용량을 크게 줄일 수 있습니다.

GIF 색감이 원본과 조금 달라 보여요.

GIF 형식 자체가 한 프레임에 최대 256가지 색만 담을 수 있어서 생기는 현상입니다. 노을이나 그라데이션처럼 색이 미묘하게 변하는 장면에서 띠무늬가 보일 수 있으며, 이는 모든 GIF 변환 도구의 공통적인 한계입니다.

소리도 GIF에 들어가나요?

아니요. GIF는 이미지 형식이라 오디오를 담을 수 없습니다. 소리가 필요한 콘텐츠라면 GIF 대신 짧은 동영상 파일로 공유하는 것이 맞습니다.

변환이 오래 걸리거나 브라우저가 느려져요.

변환이 기기에서 직접 이루어지므로 긴 구간, 높은 FPS, 큰 너비를 선택할수록 시간이 늘어납니다. 구간을 5초 이내로 줄이고 너비를 480px 이하로 설정하면 대부분의 기기에서 빠르게 완료됩니다.

스마트폰에서도 변환할 수 있나요?

네, 스마트폰으로 촬영한 영상을 옮기지 않고 그 자리에서 GIF로 만들 수 있습니다. 다만 인코딩 속도가 기기 성능에 크게 좌우되므로, 모바일에서는 구간을 3~5초로 짧게 잡고 너비 320px부터 시도해 보시는 것이 좋습니다.

이런 도구도 추천

• 이미지 크기 조절 - 이미지 해상도 변경
• 진법 변환기 - 2진수, 8진수, 16진수 변환
• 로또 번호 생성기 - 무작위 로또 번호 생성
• 이미지 → PDF - 이미지를 PDF로 변환
• UUID 생성기 - UUID v4 생성

관련 블로그 글

• 동영상을 GIF로 변환하는 방법