GIF 만들기

사진 여러 장을 움짤로 묶고, 장마다 시간과 순서를 정합니다

GIF 만들기는 사진이나 GIF를 넣어 움직이는 GIF 한 개로 묶는 도구입니다. 넣은 사진은 한 장씩 프레임이 되고, 아래 필름 띠에서 칸의 너비가 곧 그 장이 화면에 머무는 시간입니다. 처음 화면에 넣어 둔 예시 사진 네 장(한 장에 1초)을 긴 변 480px로 만들면 367 KB이고, 장 사이를 부드럽게 넘기도록 바꾸면 1.96 MB가 됩니다. 설정을 바꿀 때마다 GIF를 실제로 다시 만들어 그 크기를 보여 줍니다.

사진은 지금 쓰는 브라우저 안에서만 처리하며 서버로 보내지 않습니다. 재생 단추로 흐름을 확인한 뒤 'GIF 저장'을 누르면 바로 파일로 내려받습니다.

동영상 대신 GIF로 만드는 이유

GIF는 소리가 없는 대신 웹 페이지에 일반 그림처럼 넣기만 하면 저절로 재생되고, 정해 둔 대로 계속 반복됩니다. 재생 단추를 누르지 않아도 되므로 짧은 동작이나 차례를 보여 줄 때 자주 씁니다.

사용법 설명: 앱 화면을 단계마다 캡처해 1~2초씩 넘기면, 긴 글보다 빠르게 순서를 보여 줄 수 있습니다.
전후 비교: 보정 전후 사진이나 정리 전후 방을 두 장으로 번갈아 보여 줍니다. 부드럽게 넘기기를 켜면 바뀐 곳이 서서히 드러납니다.
사진 묶음: 여행이나 행사 사진 여러 장을 한 파일로 묶어 한 번에 보여 줍니다.
그림 애니메이션: 조금씩 다르게 그린 그림을 차례로 찍어 0.1초 안팎으로 넘기면 짧은 애니메이션이 됩니다.

올리는 곳마다 용량 한도가 있으므로 저장하기 전에 크기를 확인하는 것이 좋습니다. 예를 들어 GitHub의 이슈나 풀 리퀘스트에 첨부하는 이미지와 GIF는 10MB까지입니다.

만드는 순서

사진이나 GIF를 고르거나 작업면에 끌어 놓습니다. 복사한 그림은 Ctrl+V(맥은 ⌘V)로 붙여 넣어도 됩니다. 처음 넣은 파일은 예시 대신 들어가고, 그다음부터는 맨 뒤에 붙습니다. 한꺼번에 고른 파일은 이름 속 숫자의 크기 순서(1, 2, 10)로 놓입니다.
필름 띠에서 순서를 정합니다. 칸을 끌어 옮기거나, 칸을 고른 뒤 무대 아래의 화살표 단추로 한 칸씩 옮깁니다.
시간을 정합니다. 위쪽 '모든 장' 단추로 한꺼번에 맞추고, 특정 장은 칸 오른쪽 끝을 끌거나 '이 장 시간' 칸에 숫자를 넣습니다.
화면 비율과 긴 변을 고릅니다. '첫 장'은 첫 사진의 비율을 그대로 씁니다. 비율이 다른 사진은 '전체 보이기'를 고르면 여백이 생기고, '꽉 채우기'를 고르면 가장자리가 잘립니다.
필요하면 글자, 부드럽게 넘기기, 거꾸로·왕복 재생, 한 번 재생을 고릅니다.
재생 단추로 확인한 뒤 'GIF 저장'을 누릅니다.

장마다 시간 정하기

GIF는 프레임마다 다음 장으로 넘어가기 전에 기다릴 시간을 1/100초 단위로 적어 둡니다. 그래서 이 도구도 시간을 0.01초 단위로 받고, 한 장에 0.02초부터 10초까지 넣을 수 있습니다. 0.01초 이하로 적힌 GIF는 사파리(WebKit)와 파이어폭스가 0.1초로 늦춰 보여 주기 때문에, 더 빠르게 보이려고 넣은 값이 오히려 느려집니다.

한 장 시간	1초에 넘어가는 장	이런 때 알맞습니다(예)
0.05초	20장	부드러운 그림 애니메이션
0.1초	10장	짧은 그림 애니메이션, 연속 촬영 사진
0.5초	2장	빠르게 넘기는 사진 묶음
1초	1장	사진 묶음, 전후 비교
2초	0.5장	글을 읽어야 하는 사용법 설명

불러온 GIF는 프레임마다 적힌 시간을 그대로 가져옵니다. 다만 0초나 0.01초로 적힌 프레임은 브라우저가 실제로 보여 주는 대로 0.1초로 바꿉니다. '2배 빠르게'와 '2배 느리게'는 모든 장의 시간을 같은 비율로 바꾸므로, 장마다 다르던 리듬은 그대로 두고 빠르기만 바꿀 수 있습니다.

용량은 무엇으로 정해지나요

예시 사진 네 장(원본 720 × 480)을 한 장에 1초씩 두고, 긴 변과 넘기는 방식만 바꿔 이 도구로 실제로 만든 크기입니다.

설정	가로 × 세로	프레임	길이	용량
긴 변 320px	320 × 213	4개	4초	180 KB
긴 변 480px(처음 설정)	480 × 320	4개	4초	367 KB
긴 변 640px	640 × 427	4개	4초	601 KB
긴 변 800px	800 × 533	4개	4초	874 KB
480px + 부드럽게 넘기기	480 × 320	20개	4초	1.96 MB
480px + 왕복	480 × 320	6개	6초	576 KB

사진은 장마다 거의 통째로 저장됩니다. GIF는 앞 장과 달라진 부분만 저장할 수 있지만, 다른 사진으로 넘어가면 거의 모든 화소가 바뀝니다. 그래서 사진 GIF는 장 수만큼 커지고, 화면 녹화처럼 일부만 움직이는 GIF는 훨씬 작습니다.
긴 변을 줄이면 화소 수는 제곱으로 줄어듭니다. 480px에서 320px로 줄이면 화소가 44%로 줄고, 용량은 367 KB에서 180 KB가 되었습니다.
부드럽게 넘기기는 장 사이마다 섞인 그림 네 장을 넣습니다. 각 장 시간의 끝 40%(최대 0.4초) 동안 다음 장과 섞으므로(0.2초보다 짧은 장은 섞지 않음) 전체 길이는 그대로이지만, 프레임이 4개에서 20개가 되어 용량이 약 5.3배가 되었습니다.
왕복은 끝까지 간 뒤 거꾸로 돌아오는 장을 더 넣습니다. 네 장이면 1-2-3-4-3-2 순서로 여섯 장이 됩니다. 반복을 '한 번'으로 고르면 첫 장으로 돌아와 멈추도록 1-2-3-4-3-2-1, 일곱 장이 됩니다.

저장한 GIF를 더 줄여야 한다면 GIF 용량 줄이기에서 색 수와 손실 압축 단계를 골라 같은 움직임을 더 작은 파일로 바꿀 수 있습니다.

256색과 투명 배경

GIF 한 장에는 색을 256개까지만 쓸 수 있습니다. 이 도구는 사진 한 장마다 그 사진의 색을 255묶음으로 나누고 묶음마다 평균 색 하나를 고르며(median cut), 남은 한 칸은 투명용으로 남겨 둡니다. 장마다 색표가 따로 있으므로 서로 다른 사진을 넘겨도 각 사진의 색이 덜 뭉개집니다. 같은 GIF에서 나온 프레임은 한 색표를 함께 써서, 움직이지 않는 배경의 색이 장마다 흔들리지 않게 합니다. 색이 255개 이하인 도표나 화면 캡처를 원래 크기 그대로, 글자 없이 넣으면 색을 줄이지 않고 그대로 씁니다. 크기를 바꾸거나 글자를 넣으면 가장자리에 중간색이 생겨 색을 다시 고릅니다.

하늘이나 노을처럼 색이 천천히 바뀌는 부분은 색 수가 모자라 줄무늬가 보일 수 있습니다. 예시의 해 질 녘 바다 사진에서 해 주변이 그런 곳입니다.

배경을 '투명'으로 고르면 여백과 원래 투명했던 부분이 투명하게 저장됩니다. GIF의 투명은 켜고 끄는 두 가지뿐이라, 반투명한 가장자리는 절반 이상 불투명하면 색으로, 그보다 옅으면 투명으로 바뀝니다. 그래서 그림자나 흐린 가장자리는 계단처럼 거칠게 보일 수 있습니다.

이미 있는 GIF 고치기

GIF를 넣으면 프레임마다 한 장씩 풀어 필름 띠에 놓습니다. 앞 장 위에 일부만 덧그리는 GIF도 그 순간 화면에 보이는 그림 전체로 풀어 두기 때문에, 일부 장을 빼거나 순서를 바꿔도 화면이 깨지지 않습니다.

속도 바꾸기: '2배 빠르게'나 '2배 느리게'를 누릅니다. 한 번 더 누르면 4배가 됩니다.
거꾸로 재생: 순서를 '거꾸로'로 고릅니다.
앞뒤로 오가기(부메랑): 순서를 '왕복'으로 고릅니다.
필요 없는 장 빼기: 칸을 고르고 '이 장 빼기'를 누릅니다.
사진과 이어 붙이기: GIF 앞뒤에 사진을 넣어 제목 장이나 마지막 장을 붙입니다.

고친 GIF는 처음부터 다시 만들기 때문에, 이미 잘 줄여 둔 원래 파일보다 커질 수 있습니다. 그럴 때는 저장한 뒤 GIF 용량 줄이기로 한 번 더 줄입니다.

자주 틀리는 경우

세로 사진과 가로 사진을 섞고 '첫 장' 비율 그대로 두기: 첫 장이 가로 사진이면 세로 사진 양옆에 넓은 여백이 생깁니다. '꽉 채우기'로 바꾸거나 1:1 비율을 고릅니다.
장이 많은데 긴 변을 크게 두기: 사진 GIF는 장 수 × 화소 수에 비례해 커집니다. 장이 20장을 넘으면 긴 변을 320~480px로 먼저 맞춰 봅니다.
부드럽게 넘기기를 켠 채 용량 한도에 걸리기: 섞인 그림이 장마다 네 장씩 늘어납니다. 한도가 빠듯하면 '바로'로 바꿉니다.
아이폰 사진(HEIC)을 그대로 넣기: 브라우저가 HEIC를 읽지 못하면 이 도구도 넣을 수 없습니다. HEIC JPG 변환기로 먼저 바꿉니다.
움직이는 WebP·PNG를 넣기: 첫 장만 들어갑니다. 움직임이 필요하면 GIF로 넣습니다.
글자를 길게 쓰기: 글자는 화면 폭에 맞춰 작아지다가 두 줄로 나뉩니다. 작은 GIF에서는 짧게 쓰는 편이 읽기 쉽습니다.

한계

프레임은 300장까지, 파일 하나는 50MB까지 넣을 수 있습니다. 긴 변이 1,200px를 넘는 사진은 넣을 때 1,200px로 줄여 둡니다.
만드는 GIF의 긴 변은 16~1,000px이고, 가로 × 세로 × 프레임 수는 6천만 화소까지입니다. 넘으면 저장 단추가 잠기고 맞출 수 있는 긴 변을 알려 줍니다.
한 장의 시간은 0.02~10초입니다. 반복은 '계속'과 '한 번'만 고를 수 있습니다. '한 번'은 반복 표식을 넣지 않은 GIF이고, 크롬·엣지가 쓰는 Skia 디코더는 이를 반복 0회, 곧 한 번 재생으로 읽습니다.
소리와 동영상은 넣을 수 없습니다. 길고 움직임이 많은 장면은 GIF보다 동영상 파일이 훨씬 작으므로, 영상에서 움짤이 필요하면 동영상 GIF 변환기를 씁니다.
모든 처리를 브라우저 메모리 안에서 하므로, 오래된 휴대폰에서는 큰 GIF를 만들 때 시간이 걸리거나 멈출 수 있습니다.

기준: 2026-10-23에 아래 문서의 해당 문장을 확인했습니다. 용량 숫자는 크롬에서 이 도구로 예시 사진을 실제로 만들어 잰 값이며, 브라우저마다 사진을 줄이는 방식이 조금 달라 몇 KB 차이가 날 수 있습니다.

출처

01W3C — Graphics Interchange Format Version 89a지연 시간(1/100초), 색표 크기(최대 256), 투명 번호, 처리 방법
02WebKit — ScalableImageDecoder.cpp0.01초(10 ms) 이하로 적힌 프레임은 Firefox처럼 0.1초로 보여 준다는 주석
03Skia — SkCodec.h, getRepetitionCount반복 횟수에는 첫 재생이 들어가지 않으며, 0이면 한 번만 재생하는 움직이는 그림
04Heckbert, P. (1982). Color image quantization for frame buffer display. SIGGRAPH '82, 297–307median cut 색 줄이기
05GitHub Docs — Attaching files이미지와 GIF는 10MB까지
06web.dev — Replace animated GIFs with video for faster page loads긴 움짤은 동영상으로 바꾸면 크게 작아짐
07Wikimedia Commons — 예시 사진 네 장(CC0 1.0)corina ardeleanu 'Red poppies under morning sun', Fritz Bielmeier 'Riding a bike in the park', Alisa Anton 'Coffee shop entrance in Leiden', Charlie Hang 'Sunset over beach'

자주 묻는 질문

사진은 몇 장까지 넣을 수 있나요?

프레임은 300장까지, 파일 하나는 50MB까지 넣을 수 있습니다. 다만 만드는 GIF의 가로 × 세로 × 프레임 수가 6천만 화소를 넘으면 저장할 수 없고, 그때는 맞출 수 있는 긴 변을 알려 줍니다.

장마다 시간을 다르게 할 수 있나요?

네. 필름 띠에서 칸 오른쪽 끝을 끌거나, 칸을 고른 뒤 '이 장 시간' 칸에 0.02~10초를 넣습니다. GIF가 시간을 1/100초 단위로 적기 때문에 0.01초 단위까지 정할 수 있습니다.

0.01초처럼 아주 짧게 하면 더 빨라지나요?

아닙니다. 0.01초 이하로 적힌 GIF는 사파리와 파이어폭스가 0.1초로 늦춰 보여 줍니다. 그래서 이 도구는 한 장에 0.02초부터 넣을 수 있게 했습니다.

용량이 왜 이렇게 크게 나오나요?

사진은 장마다 거의 모든 화소가 바뀌어 장 수만큼 커집니다. 예시 사진 네 장은 긴 변 480px에서 약 367KB이고, 부드럽게 넘기기를 켜면 프레임이 20개가 되어 약 1.96MB가 됩니다. 긴 변을 줄이거나 '바로'를 고르면 작아집니다.

이미 있는 GIF의 속도를 바꾸거나 거꾸로 돌릴 수 있나요?

네. GIF를 넣으면 프레임으로 풀립니다. '2배 빠르게'·'2배 느리게'로 리듬을 유지한 채 빠르기를 바꾸고, 순서에서 '거꾸로'나 '왕복'을 고를 수 있습니다. 필요 없는 장은 빼면 됩니다.

투명 배경 GIF도 만들 수 있나요?

배경을 '투명'으로 고르면 됩니다. GIF의 투명은 켜고 끄는 두 가지뿐이라, 반투명한 가장자리는 절반 이상 불투명하면 색으로, 그보다 옅으면 투명으로 바뀌어 조금 거칠게 보일 수 있습니다.

아이폰 사진(HEIC)도 넣을 수 있나요?

브라우저가 HEIC를 읽을 수 있을 때만 들어갑니다. 읽지 못하면 안내가 나오므로, HEIC를 JPG로 바꾼 뒤 넣어 주세요.

사진이 서버로 올라가나요?

아니요. 사진을 읽고 GIF를 만드는 일은 모두 지금 쓰는 브라우저 안에서 합니다. 저장 단추를 누르면 만든 파일을 바로 내려받습니다.