영상에서 고른 장면을 GIF로 바꾸고, 화질 세 단계의 실제 크기를 비교합니다
동영상 GIF 변환기는 영상의 짧은 구간을 소리 없이 반복 재생되는 GIF로 바꾸는 도구입니다. 썸네일 띠 위에서 시작과 끝을 끌어 장면을 고르고, 필요하면 정사각형·세로 비율로 자르거나 재생 속도와 반복 방식을 바꿉니다. 구간이나 설정을 바꾸면 GIF를 바로 다시 만들고, 화질 세 단계를 모두 실제로 만들어 각각의 파일 크기를 막대로 보여 줍니다.
예를 들어 예시 영상 '해 질 녘 바다'(640 × 360, 10초)의 처음 5초를 긴 변 480px·초당 10프레임으로 만들면 '보통' 화질이 554 KB, '선명'이 1.14 MB, '가볍게'가 315 KB입니다. 같은 설정에서 대부분의 화면이 멈춰 있는 '화면 녹화' 예시는 '보통'이 41 KB에 그칩니다. 영상은 서버로 보내지 않고 이 브라우저 안에서만 처리합니다.
이럴 때 씁니다
- 동작을 소리 없이 계속 보여 줘야 할 때: 기능 사용법, 버튼을 누르는 순서, 오류가 나는 장면처럼 몇 초면 되는 설명은 재생 단추를 누르지 않아도 저절로 반복되는 GIF가 편합니다. 이미지로 받는 곳이면 어디든 붙일 수 있고, GitHub 문서 기준으로 이슈·댓글에 붙이는 이미지와 GIF는 10MB까지입니다.
- 휴대폰으로 찍은 영상에서 한 장면만 쓸 때: 반려동물이 달려오는 3초, 요리에서 소스를 붓는 순간처럼 긴 영상의 일부만 필요하면 구간을 고르고 1:1이나 4:5로 잘라 메신저·커뮤니티에 올리기 좋은 크기로 만듭니다.
- 상품 상세 페이지에 움직임을 넣을 때: 접히는 구조, 색이 바뀌는 조명처럼 사진으로 전하기 어려운 부분은 짧은 GIF가 낫습니다. 화질 세 단계의 실제 크기를 보고 페이지가 무거워지지 않는 단계를 고릅니다.
- 빠르거나 느린 동작을 다시 볼 때: 재생 속도를 0.5배로 하면 순간적인 동작을 느리게, 2배로 하면 긴 과정을 짧게 담습니다. 왕복 반복은 끝에서 거꾸로 돌아와 이어지므로, 처음과 끝 장면이 달라 반복할 때 툭 끊기는 영상도 자연스럽게 이어집니다.
쓰는 법
- 동영상을 작업면에 놓거나 '동영상 고르기'를 누릅니다. MP4·MOV·WebM처럼 이 브라우저가 재생할 수 있는 영상이면 열리고, 파일 크기 제한은 따로 두지 않았습니다.
- 열자마자 처음 5초(이 설정의 최대 구간이 더 짧으면 그만큼)로 GIF를 만듭니다. 왼쪽이 원본 영상, 오른쪽이 만든 GIF입니다.
- 장면 구간 띠에서 양 끝 손잡이를 끌거나, 띠를 눌러 원하는 장면으로 간 뒤 '여기서 시작'·'여기서 끝'을 누릅니다. 시작·끝 칸에 0:04.5나 4.5처럼 직접 적어도 됩니다. 구간 안을 끌면 길이는 그대로 두고 위치만 옮깁니다.
- 필요하면 자르기 비율(원본·1:1·4:5·9:16·16:9·직접)을 고르고 원본 화면의 상자를 끌어 위치를 맞춥니다. 모서리를 끌면 크기가 바뀝니다.
- 크기(긴 변)·초당 프레임·재생 속도·반복을 고릅니다. 설정을 바꾸면 GIF를 바로 다시 만들고, '구간 재생'을 누르면 원본에서 고른 구간만 그 속도로 반복해 볼 수 있습니다.
- 화질 세 단계의 크기를 비교해 하나를 고른 뒤 'GIF 저장'을 누릅니다. 파일 이름 끝에 가로 × 세로가 붙습니다(예: 영상-480x270.gif).
구간은 얼마나 길게 고를 수 있나요
이 도구는 장면을 최대 300장, 그리고 가로 × 세로 × 장면 수가 3,200만 화소를 넘지 않는 범위에서 만듭니다. 장면 수는 구간 길이를 재생 속도로 나누고 초당 프레임을 곱해 올림한 값입니다. 그래서 같은 영상도 크기와 초당 프레임을 높이면 고를 수 있는 구간이 짧아집니다. 아래 표는 가로세로 16:9 영상을 1배속으로 만들 때 고를 수 있는 가장 긴 구간입니다(0.1초 아래 버림).
| 크기(긴 변) | 5fps | 10fps | 12fps | 15fps | 24fps |
|---|---|---|---|---|---|
| 240 × 135 | 60.0초 | 30.0초 | 25.0초 | 20.0초 | 12.5초 |
| 360 × 203 | 60.0초 | 30.0초 | 25.0초 | 20.0초 | 12.5초 |
| 480 × 270 | 49.2초 | 24.6초 | 20.5초 | 16.4초 | 10.2초 |
| 720 × 405 | 21.8초 | 10.9초 | 9.0초 | 7.2초 | 4.5초 |
| 960 × 540 | 12.2초 | 6.1초 | 5.0초 | 4.0초 | 2.5초 |
- 작은 크기는 장면 300장이 한도입니다: 240px에서는 화소가 넉넉해도 장면이 300장을 넘을 수 없어, 5fps면 60초, 10fps면 30초가 최대입니다.
- 큰 크기는 화소 합계가 한도입니다: 960 × 540은 장면 한 장이 518,400화소라 3,200만 화소 안에 61장까지 들어가고, 24fps면 2.5초입니다. 장면 띠의 빗금은 지금 시작 위치에서 끝 손잡이가 넘을 수 없는 곳을 보여 줍니다.
- 2배속이면 같은 장면 수로 두 배 긴 구간을 담습니다: 영상 2초마다 GIF 1초가 되므로 표의 길이가 두 배가 되고, 0.5배속이면 절반이 됩니다.
화질 세 단계는 이렇게 다릅니다
GIF는 한 프레임에 최대 256색만 담습니다. 이 도구는 모든 장면에서 색을 모아 median cut 방식으로 공통 색표를 만들고, 앞 장면과 달라진 화소를 감싼 사각형만 저장합니다(GIF 용량 줄이기와 같은 엔진). 세 단계는 여기서 무엇을 더 허용하는지가 다릅니다. 표의 크기는 두 예시의 처음 5초를 480px·10fps로 실제로 만들어 잰 값입니다.
| 단계 | 하는 일 | 해 질 녘 바다 | 화면 녹화 |
|---|---|---|---|
| 선명 | 256색, 순서 디더링으로 하늘 같은 그라데이션의 띠를 흐림 | 1.14 MB | 95 KB |
| 보통 | 256색, 아주 비슷한 색은 같은 것으로 보고 압축(손실 LZW), 잡음만 바뀐 화소는 앞 장면 그대로 | 554 KB | 41 KB |
| 가볍게 | 128색, 손실 압축과 '앞 장면 그대로'를 더 넓게 | 315 KB | 27 KB |
- '선명'이 가장 큰 이유: 디더링은 색표에 없는 중간색을 두 색의 점 무늬로 흉내 냅니다. 띠는 줄지만 점 무늬가 압축을 방해하고, 단색 면이 많은 화면 녹화에서는 오히려 잔점이 보일 수 있습니다. 화면 녹화는 '보통'이 더 깨끗한 경우가 많습니다.
- '보통'이 영상에서 크게 줄이는 이유: 촬영한 영상은 멈춘 배경도 화소마다 잡음이 조금씩 바뀝니다. '보통'은 색 차이가 작은 화소를 앞 장면 그대로 두어, 실제로 움직인 곳만 다시 씁니다. 해 질 녘 바다 예시는 '선명'의 절반쯤이 되었습니다.
- '가볍게'는 색이 128개입니다: 하늘이나 그림자처럼 색이 서서히 바뀌는 면에 계단이 보이기 시작합니다. 올릴 곳의 용량 한도에 맞춰야 할 때 고르고, 그래도 크면 크기나 초당 프레임을 낮춥니다.
무엇이 GIF 크기를 정하나요
해 질 녘 바다 예시의 처음 5초를 480px·10fps·1배속·계속 반복·'보통'(554 KB)으로 두고, 한 가지씩만 바꿔 다시 만든 결과입니다.
| 바꾼 설정 | 결과 | 크기 | 기준 대비 |
|---|---|---|---|
| 크기 360px | 360 × 203 | 357 KB | 0.64배 |
| 크기 720px | 720 × 405 | 1.04 MB | 1.87배 |
| 초당 5프레임 | 25프레임 | 341 KB | 0.62배 |
| 초당 15프레임 | 75프레임 | 707 KB | 1.28배 |
| 초당 24프레임 | 120프레임 | 929 KB | 1.68배 |
| 2배속 | 25프레임, GIF 2.5초 | 341 KB | 0.62배 |
| 왕복 반복 | 98프레임, GIF 9.8초 | 1.08 MB | 1.95배 |
| 1:1 자르기 | 480 × 480 | 858 KB | 1.55배 |
- 크기는 넓이를 따라갑니다: 긴 변을 1.5배(480 → 720px)로 하면 화소 수가 2.25배가 되고 파일은 1.87배가 되었습니다. 가장 먼저 줄여 볼 설정입니다.
- 초당 프레임은 장면 수만큼 늘지 않습니다: 24fps는 장면이 2.4배지만 파일은 1.68배였습니다. 장면 사이 간격이 짧을수록 앞 장면과 달라진 화소가 적기 때문입니다.
- 2배속은 5fps와 크기가 같습니다: 둘 다 영상을 0.2초마다 한 장씩 뽑아 같은 장면 25장을 담기 때문입니다. 2배속은 한 장을 0.1초씩 보여 주어 GIF가 2.5초가 되고, 5fps는 0.2초씩 보여 주어 5초가 됩니다.
- 왕복 반복은 거의 두 배입니다: 끝에서 처음으로 거꾸로 돌아오는 장면을 따로 저장하므로 프레임이 98장(양 끝은 한 번씩)이 됩니다.
- 1:1로 잘랐는데 커진 이유: 예시 영상은 높이가 360px이라 1:1로 자르면 360 × 360이고, 긴 변 480px로 만들면 확대되어 화소가 오히려 늘어납니다. 작은 영상을 자를 때는 크기를 자른 영역 이하로 고르세요(크기 칸 아래에 확대 여부가 나옵니다).
자르기 비율과 결과 크기
비율을 고르면 영상 안에 들어가는 가장 큰 상자가 가운데에 놓이고, 상자를 끌어 위치를 옮깁니다. 결과 크기는 자른 영역의 긴 변을 고른 크기에 맞춘 값입니다. 1920 × 1080 영상을 긴 변 480px로 만들면 이렇게 됩니다.
| 비율 | 자르는 영역 | GIF 크기 | 어울리는 곳 |
|---|---|---|---|
| 원본(16:9) | 1,920 × 1,080 | 480 × 270 | 가로 화면 그대로, 사용법·화면 녹화 |
| 1:1 | 1,080 × 1,080 | 480 × 480 | 프로필·정사각형 게시물·메신저 |
| 4:5 | 864 × 1,080 | 384 × 480 | 세로로 조금 긴 피드 게시물 |
| 9:16 | 608 × 1,080 | 270 × 480 | 세로 전체 화면, 휴대폰 화면 녹화 |
'직접'을 고르면 비율 없이 모서리를 끌어 원하는 영역만 남깁니다. 화면 녹화에서 버튼 하나, 창 하나만 보여 주고 싶을 때 쓰면 GIF가 작아지고 글자도 크게 보입니다. 휴대폰으로 세로로 찍은 영상은 파일에 적힌 회전 정보를 따라 세운 상태로 자르고 만듭니다.
재생 속도와 반복 방식
- 재생 속도(0.5·1·1.5·2배): 영상에서 장면을 뽑는 간격을 바꿉니다. 10fps에서 2배속이면 영상 0.2초마다 한 장을 뽑아 0.1초씩 보여 주므로, 10초 구간이 5초짜리 GIF가 됩니다. 0.5배속은 반대로 느려지지만, 원본에 없던 중간 장면을 만들지는 않습니다. 원본이 초당 30프레임이면 0.5배속·24fps에서 같은 장면이 두 번 나오는 자리가 생기고, 이런 장면은 앞 장면에 시간만 더해 저장합니다.
- 계속 반복: 끝나면 처음부터 다시 재생합니다. 대부분의 움짤이 이 방식입니다.
- 한 번 재생: 반복 정보를 넣지 않아 브라우저가 한 번 재생하고 마지막 장면에서 멈춥니다. 문서 안에서 결과 화면을 보여 주고 멈춰야 할 때 씁니다. 다만 메신저나 게시판이 GIF를 다시 저장하면서 반복을 바꿀 수 있습니다.
- 왕복 반복: 끝에서 거꾸로 처음까지 돌아온 뒤 다시 반복합니다. 흔히 '부메랑'이라고 부르는 효과입니다. 양 끝 장면은 두 번 쓰지 않아 멈칫하지 않습니다.
GIF는 프레임마다 보여 줄 시간을 1/100초 단위로 적습니다. 그래서 12fps처럼 1초가 나누어떨어지지 않으면 0.08초와 0.09초를 번갈아 적어 전체 길이를 맞춥니다. 브라우저는 0.01초 이하로 적힌 프레임을 0.1초로 늘려 보여 주지만, 이 도구는 가장 빠른 24fps도 0.04~0.05초라 해당하지 않습니다.
자주 틀리는 경우
- GIF가 원본 동영상보다 큽니다: 정상입니다. GIF는 1987년 형식이라 MP4가 쓰는 장면 사이 예측 압축이 없고, 256색 안에서 화소를 그대로 담습니다. 예시 영상은 10초 전체가 344 KB인데, 그중 5초를 480px GIF로 만든 '보통'이 554 KB입니다. web.dev의 예에서도 3.7 MB GIF가 MP4로는 551 KB, WebM으로는 341 KB였습니다. 올릴 곳이 동영상을 받는다면 그쪽이 훨씬 가볍습니다.
- 720px·24fps로 바꾸니 구간이 줄었습니다: 설정마다 최대 구간이 달라서, 끝이 그 길이를 넘으면 끝을 맞추고 안내합니다. 길게 담으려면 크기나 초당 프레임을 낮추거나 재생 속도를 높입니다.
- 아이폰 영상이 열리지 않습니다: 아이폰은 설정 > 카메라 > 포맷이 '고효율'이면 동영상을 HEVC(H.265)로, '높은 호환성'이면 H.264로 찍습니다. MDN에 따르면 Chrome은 macOS 11 이상에서는 HEVC를 재생하지만 Windows·Linux에서는 하드웨어 지원이 있는 기기에서만 재생합니다. 열리지 않으면 다른 브라우저나 기기에서 열거나, '높은 호환성'으로 찍거나, Mac의 QuickTime Player에서 '호환성 높음(H.264)'으로 내보낸 뒤 다시 고릅니다.
- 작은 영상을 크게 만들면 흐려집니다: 자른 영역의 긴 변보다 큰 크기를 고르면 확대합니다. 원본에 없던 세부가 생기지 않으니 크기 칸 아래에 '확대됩니다'가 보이면 한 단계 낮춰 보세요.
- 소리가 필요한 장면입니다: GIF에는 소리를 담을 자리가 없습니다. 말이나 음악이 내용의 핵심이면 GIF 대신 원본 동영상을 보내는 편이 맞습니다.
한계
- 장면은 최대 300장, 가로 × 세로 × 장면 수 3,200만 화소까지 만듭니다. GIF 형식의 한도가 아니라, 휴대폰에서도 메모리가 넘치지 않게 이 도구가 정한 범위입니다.
- 이 브라우저가 재생하지 못하는 코덱은 열지 못합니다. MP4·MOV 안의 H.264·HEVC는 브라우저의 내장 디코더(WebCodecs)로 구간을 한 번에 풀어 빠르게 뽑고, 그 밖의 영상(WebM 등)이나 내장 디코더가 없는 브라우저는 장면마다 영상을 그 시각으로 옮겨 읽어 더 오래 걸립니다.
- HDR로 찍은 영상은 GIF의 256색·일반 밝기 범위로 바꾸면서 밝기와 색이 원본과 달라 보일 수 있습니다.
- 장면은 고른 시각에서 1/1000초 뒤에 보이는 프레임을 씁니다. 원본의 프레임 간격 때문에 각 장면이 적은 시각과 정확히 같지는 않으며, 구간 시각은 0.1초 단위로 고릅니다.
- 글자 넣기, 필터, 여러 영상 이어 붙이기, 반복 횟수 지정(3번 등)은 하지 않습니다. 만든 GIF를 더 줄여야 하면 GIF 용량 줄이기에서 목표 용량에 맞출 수 있습니다.
- 표의 크기는 2026-10-23에 Chromium에서 잰 값입니다. 브라우저마다 영상을 풀고 줄이는 방식이 조금 달라 몇 % 차이가 날 수 있습니다.
기준: 2026-10-23에 아래 문서의 해당 문장을 확인했습니다. 크기 숫자는 이 도구로 예시 영상을 GIF로 만들어 잰 값입니다.
출처
- 01W3C — Graphics Interchange Format Version 89a지연 시간은 1/100초 단위, 색표 크기는 2의 (필드 값 + 1)제곱으로 최대 256색
- 02MDN — VideoDecoderWebCodecs 동영상 디코더: 압축된 영상 조각을 프레임으로 풂
- 03MDN — Web video codec guideChrome은 HEVC를 macOS 11 이상 모든 기기, Windows 8 이상·Linux·ChromeOS는 하드웨어 지원이 있는 기기에서 재생
- 04Apple — About HEIF and HEVC media on Apple devices카메라 포맷 '높은 호환성'이면 JPEG·H.264, '고효율'이면 HEIF·HEVC로 촬영
- 05web.dev — Replace animated GIFs with video for faster page loads예시 GIF 3.7 MB가 MP4 551 KB, WebM 341 KB
- 06GitHub Docs — Attaching files이미지와 GIF는 10MB까지
- 07WebKit — ScalableImageDecoder.cpp0.01초(10 ms) 이하로 적힌 프레임은 0.1초로 보여 준다는 주석
- 08Heckbert, P. (1982). Color image quantization for frame buffer display. SIGGRAPH '82, 297–307median cut 색 줄이기
자주 묻는 질문
동영상이 서버로 올라가나요?
아니요. 영상은 이 브라우저 안에서만 열고 장면을 뽑아 GIF로 만듭니다. 파일을 서버로 보내지 않으며, 탭을 닫거나 새로고침하면 영상과 결과가 모두 사라지니 필요한 GIF는 저장해 두세요.
몇 초까지 GIF로 만들 수 있나요?
장면 300장, 가로 × 세로 × 장면 수 3,200만 화소 안이면 됩니다. 16:9 영상을 1배속으로 만들 때 240px·10fps는 30초, 480px·10fps는 24.6초, 720px·24fps는 4.5초, 960px·24fps는 2.5초까지입니다. 2배속이면 같은 장면 수로 두 배 긴 구간을 담습니다.
GIF가 원본 동영상보다 큰데 정상인가요?
정상입니다. GIF는 256색 안에서 화소를 담는 오래된 형식이라 MP4처럼 장면 사이를 예측해 압축하지 못합니다. 예시 영상은 10초 전체가 344 KB인데, 그중 5초를 480px GIF로 만든 '보통'이 554 KB였습니다. 크기를 줄이려면 긴 변을 먼저 낮추고, 다음으로 초당 프레임을 낮추세요.
아이폰으로 찍은 영상이 열리지 않아요.
아이폰은 카메라 포맷이 '고효율'이면 동영상을 HEVC로 찍습니다. Chrome은 macOS 11 이상에서는 HEVC를 재생하지만 Windows에서는 하드웨어 지원이 있는 기기에서만 재생합니다. 다른 브라우저에서 열거나, 설정 > 카메라 > 포맷을 '높은 호환성'(H.264)으로 바꿔 찍거나, H.264로 내보낸 파일을 고르세요.
화질 세 단계 중 무엇을 고르면 되나요?
처음에는 '보통'을 쓰세요. 촬영 영상의 잡음 때문에 바뀌는 화소를 앞 장면 그대로 두어 크기가 크게 줄어듭니다. 하늘이나 그림자에 띠가 거슬리면 '선명', 올릴 곳의 용량 한도에 맞춰야 하면 '가볍게'를 고릅니다. 세 단계 모두 실제로 만든 크기가 막대 옆에 나오니 비교해 보고 정하면 됩니다.
왕복 반복은 무엇인가요?
고른 구간을 끝까지 재생한 뒤 거꾸로 처음까지 돌아오고, 이것을 계속 반복합니다. 흔히 부메랑이라고 부르는 효과입니다. 처음과 끝 장면이 달라 반복할 때 툭 끊기는 영상도 자연스럽게 이어지지만, 돌아오는 장면을 따로 저장하므로 파일은 거의 두 배가 됩니다.
재생 속도를 바꾸면 무엇이 달라지나요?
영상에서 장면을 뽑는 간격이 바뀝니다. 10fps에서 2배속이면 영상 0.2초마다 한 장을 뽑아 0.1초씩 보여 주므로 10초 구간이 5초짜리 GIF가 되고 장면 수도 절반입니다. 0.5배속은 느려지지만 원본에 없던 중간 장면을 만들지는 않습니다.
GIF에 소리도 들어가나요?
아니요. GIF에는 소리를 담을 자리가 없어 영상의 소리는 빠집니다. 말이나 음악이 내용의 핵심이면 GIF 대신 원본 동영상을 보내는 편이 맞습니다. 이 도구의 원본 화면도 소리 없이 재생합니다.