필요한 툴을, 바로 쓸 수 있게

사진과 움직이는 이미지를 편집하는 GIF 만들기·편집기

이미지를 추가하고 아래 프레임 목록에서 순서와 시간을 바꾸세요. 미리보기로 움직임을 확인한 뒤 GIF를 생성하고 저장합니다.

여기에 파일을 놓아도 됩니다. PNG·JPG·정적 WebP·GIF · 파일당 20MiB · 합계 50MiB · 최대 120프레임

첫 추가는 예제를 바꾸고, 다음 추가는 뒤에 붙입니다. 동영상·HEIC·APNG·움직이는 WebP는 지원하지 않습니다.

1,000ms = 1초. 20~10000ms, 10ms 단위입니다. 불러온 GIF의 0~10ms 지연은 100ms로 바뀝니다.

모든 프레임에 같은 문구를 넣습니다. 비워 두면 표시하지 않습니다.

원본 한 프레임 16MP·입력 누적 32MP, 출력 가로×세로×프레임 수 32MP 이하입니다. 1MP = 100만 픽셀.

GIF 미리보기에는 캔버스를 지원하는 브라우저가 필요합니다.
예제 3프레임을 준비하고 있습니다.

예제를 불러오고 있습니다. 재생은 버튼을 눌러 시작하세요.

재생으로 확인한 뒤 생성하세요. GIF의 256색과 투명도 제한으로 색·경계가 달라질 수 있습니다. 체크무늬는 저장되지 않습니다.

프레임을 선택해 순서와 시간을 바꾸세요. 목록은 옆으로 스크롤할 수 있습니다.

ROBERIN 기준필요한 툴을,
바로 쓸 수 있게.
  • 바로 보이는 화면입력 위치와 결과 위치를 또렷하게 둡니다.
  • 결과 먼저핵심 결과를 앞에 두고, 과정은 필요할 때만 보여줍니다.
  • 요구 줄이기가입이나 불필요한 정보 입력 없이 바로 쓰게 합니다.
Roberin

사진으로 GIF 만들기와 프레임 편집 방법

PNG·JPG·정적 WebP 사진을 여러 장 합쳐 움직이는 GIF를 만들 수 있습니다. 기존 GIF를 넣어 프레임 순서를 바꾸거나 일부 장면을 지우는 편집도 가능합니다. 각 장면의 표시 시간, 전체 속도, 반복 여부를 정하고 크기·배경·공통 문구를 조정한 뒤 GIF로 저장합니다.

짧은 동작 설명이나 사진의 전후 비교라면 먼저 두세 장으로 시작해 보세요. 재생을 눌러 흐름을 확인하고 GIF 생성을 누르면 저장할 파일이 만들어집니다. 이미지는 브라우저에서 처리하며 동영상은 받지 않습니다. 사진의 부드러운 색 변화와 반투명 부분은 GIF로 바꿀 때 달라질 수 있으므로 저장한 파일까지 확인하는 것이 좋습니다.

GIF는 사진을 차례로 보여 주는 이미지입니다

GIF는 한 파일 안의 여러 장을 정해진 시간 동안 차례로 보여 줄 수 있는 이미지 형식입니다. 짧은 동작 설명, 전후 사진 비교, 반복되는 작은 그림에 쓰입니다. 한 장을 프레임이라고 부르며, 각 프레임에 표시 시간이 붙습니다. 동영상과 달리 이 도구의 GIF에는 소리가 들어가지 않습니다.

  • 사진 여러 장: 한 장씩 이어 붙여 슬라이드처럼 만듭니다.
  • 기존 GIF: 움직임을 프레임으로 불러와 순서나 시간을 바꿉니다.
  • 미리보기와 저장 파일: 편집 중의 그림을 확인한 뒤 GIF 생성을 눌러 실제 파일을 만듭니다.

사진을 추가하고 예제 대신 내 이미지로 시작하기

이미지 추가를 누르거나 파일을 점선 영역에 놓으면 편집을 시작할 수 있습니다. 첫 화면의 예제는 실제로 편집하고 저장할 수 있는 세 장의 그림입니다. 첫 파일을 넣으면 예제가 사라지고 내 이미지로 바뀝니다. 이후 파일은 목록 뒤에 추가되므로 사진을 여러 차례 나누어 골라도 됩니다.

  • PNG·JPG/JPEG·정적 WebP·GIF를 선택합니다. 한 장만 넣어도 저장할 수 있습니다.
  • 아래 작은 이미지를 눌러 현재 프레임과 표시 시간을 확인합니다.
  • 재생은 자동으로 시작하지 않습니다. 재생 버튼을 눌러 움직임을 확인하세요.
  • 예제로 초기화는 내 프레임을 지우고 예제 3장, 480×320px, 200ms, 1배속으로 되돌립니다.

프레임을 옮기거나 지워 흐름 맞추기

순서를 바꿀 때는 아래 목록에서 한 장을 먼저 선택하세요. 앞으로·뒤로는 선택한 장을 한 칸씩 옮기며, 선택 삭제는 그 장만 뺍니다. 전체 역순은 목록 전체를 뒤집습니다. 잘못 찍힌 중간 사진이나 같은 장면이 길게 이어지는 구간을 정리할 때 유용합니다.

  • 시작 → 중간 → 끝 순서가 맞는지 이전·다음 버튼으로 한 장씩 봅니다.
  • 전체 역순은 장면 순서를 뒤집는 기능입니다. 사진 속 피사체를 좌우 반전하지는 않습니다.
  • 프레임마다 정한 표시 시간은 해당 장면과 함께 이동합니다.

200ms와 400ms를 합치면 한 바퀴는 600ms

표시 시간은 한 프레임에 머무는 길이입니다. ms는 밀리초로 1,000ms가 1초입니다. 첫 장을 200ms, 둘째 장을 400ms로 두면 한 번 재생하는 시간은 200 + 400 = 600ms, 즉 0.6초입니다. 두 장에 같은 시간을 주지 않아도 됩니다. 마지막 설명 화면만 오래 보여 주려면 그 장의 시간을 늘리세요.

  • 선택 프레임 시간: 지금 고른 한 장만 바꿉니다.
  • 전체 표시 시간 입력 후 전체 시간 적용: 모든 장에 같은 시간을 줍니다.
  • 입력 범위는 20~10000ms, 10ms 단위입니다. 동일한 200ms 프레임은 초당 5장에 해당하지만 시간이 서로 다르면 고정 FPS 하나로 설명하기 어렵습니다.

2배속은 표시 시간을 절반으로 줄입니다

2배속은 각 장을 짧게 보여 주고, 0.5배속은 오래 보여 줍니다. 200ms·400ms 두 프레임을 2배속으로 재생하면 100ms·200ms가 되어 총 300ms입니다. 순서까지 뒤집으면 200ms·100ms 순서이며 합계는 같습니다. 계속 반복은 이 한 바퀴를 되풀이한다는 뜻이지 한 바퀴의 시간을 바꾸는 옵션은 아닙니다.

  • GIF는 지연을 1/100초, 즉 10ms 단위로 저장합니다. 속도 적용 뒤 이 단위로 반올림하며 최소 20ms를 유지합니다.
  • 예를 들어 30ms를 2배속으로 바꾼 15ms는 20ms로 저장됩니다. 짧은 프레임에서는 합계가 배율과 정확히 비례하지 않을 수 있습니다.
  • 속도를 적용한 시간도 한 장당 10000ms 이하여야 합니다. 6000ms를 0.5배속으로 바꾸면 12000ms가 되므로 시간을 줄이거나 배율을 바꿔야 합니다.
  • 불러온 GIF의 0~10ms 지연은 100ms로 바꿉니다. 10000ms를 넘는 원본 지연은 지원하지 않습니다. 원본과 속도감이 다르면 선택 프레임 시간을 다시 조정하세요.

전체 맞춤과 중앙 자르기의 차이

전체 맞춤은 이미지 전체가 보이도록 크기를 줄이거나 늘리고 남는 공간을 배경으로 채웁니다. 중앙 자르기는 빈 공간 없이 채우되 바깥쪽이 잘릴 수 있습니다. 얼굴이나 글자가 가장자리에 있으면 전체 맞춤부터 확인하세요. 어느 쪽이든 원본의 가로·세로 비율은 유지합니다.

  • 200×100px 원본을 100×100px로 전체 맞춤: 그림은 중앙의 100×50px이며 위아래 여백은 각각 25px입니다.
  • 같은 원본을 중앙 자르기: 높이를 채운 다음 좌우를 잘라 중앙의 100×100px만 남깁니다.
  • 출력 가로·세로는 각각 16~1000px입니다. 미리보기의 화면상 크기와 파일에 저장되는 픽셀 수는 다를 수 있습니다.

256색과 투명 배경에서 달라지는 부분

GIF의 색상표는 최대 256색입니다. 사진에 있던 모든 색을 그대로 담을 수 없어 하늘이나 피부처럼 색이 부드럽게 이어지는 곳에 띠가 생길 수 있습니다. 투명도도 1비트여서 완전히 투명하거나 불투명한 상태만 표현합니다. 반투명 그림자나 매끈한 가장자리를 가진 PNG를 바꾸면 원본과 다르게 보일 수 있습니다.

  • 흰색 배경: 여백과 투명 부분을 흰색으로 채웁니다.
  • 투명 배경: 비어 있는 부분을 투명하게 둡니다. 사진 속 흰색을 찾아 지우지는 않습니다.
  • 체크무늬는 투명한 공간을 보여 주는 표시이며 GIF에 들어가지 않습니다. 색과 경계는 생성 후 저장한 파일에서도 확인하세요.

공통 문구는 짧게, 중요한 장면은 가리지 않게

공통 문구에 글을 넣으면 같은 문구가 모든 프레임에 표시됩니다. 최대 60자이며 장면별로 서로 다른 자막을 넣는 기능은 아닙니다. 작은 GIF에서는 긴 문장이 읽기 어려워질 수 있으니 제목이나 짧은 안내 정도로 줄이는 편이 좋습니다.

  • 가로·세로를 바꾼 뒤에도 문구가 끝까지 보이는지 확인합니다.
  • 글자를 읽을 시간이 필요하면 전체 또는 해당 프레임의 표시 시간을 늘립니다.
  • 사용하는 브라우저와 글꼴에 따라 문구 모양이 달라질 수 있습니다. 생성된 GIF를 최종 기준으로 확인하세요.

용량은 크기와 프레임 수부터 줄여 보기

GIF 파일이 너무 크면 먼저 불필요한 장면을 지우고 출력 가로·세로를 줄여 보세요. 480×320px을 240×160px로 바꾸면 한 프레임의 픽셀 수는 4분의 1이 됩니다. 다만 파일 용량까지 정확히 4분의 1이 되는 것은 아닙니다. 장면의 색, 움직임, 반복되는 무늬에 따라 결과가 달라집니다.

  • 프레임 삭제 → 출력 크기 축소 → 다시 생성 순서로 실제 용량을 비교합니다.
  • 속도만 올려도 들어 있는 그림 수는 같으므로 용량이 크게 줄어든다고 기대하지 마세요.
  • 정해진 목표 용량에 맞추는 기능은 없습니다. 첨부할 서비스의 제한과 생성 결과를 직접 비교하세요.

작은 파일도 프레임이 많으면 제한될 수 있습니다

추가 가능한 파일은 한 개당 20MiB, 파일 합계 50MiB이며 최대 120프레임입니다. MiB는 1,048,576바이트, MP는 100만 픽셀입니다. GIF는 여러 장면을 압축해 담으므로 파일이 작아도 불러온 이미지의 픽셀 수는 클 수 있습니다. 파일 크기뿐 아니라 전체 프레임의 픽셀 수도 확인하세요.

  • 입력: 한 프레임의 전체 화면은 16MP 이하, 불러오는 모든 프레임의 픽셀 합계는 32MP 이하입니다.
  • 출력: 가로×세로×프레임 수가 32MP 이하여야 합니다. 1000×1000px 32장은 32MP, 33장은 한도 초과입니다.
  • 손상되거나 한도를 넘는 파일은 오류로 알려주며 기존 프레임은 유지합니다. 원본 크기를 줄이거나 장면을 나누어 다시 시도하세요.
  • 동영상·HEIC·APNG·움직이는 WebP·오디오는 지원하지 않습니다. 확장자만 GIF로 바꾸는 방법은 사용할 수 없습니다.

사진은 브라우저에서 처리하고 파일로 내려받습니다

선택한 사진과 문구는 이 도구의 변환을 위해 서버에 전송하거나 보관하지 않습니다. 편집과 GIF 생성은 현재 브라우저에서 진행되므로 작업 중 탭을 닫거나 새로고침하면 편집 내용을 잃습니다. 페이지를 불러오는 통신이나 사이트의 일반적인 이용 데이터 처리는 이미지 변환과 구분됩니다.

  • 원본은 따로 보관하고 완성한 GIF는 탭을 닫기 전에 저장합니다.
  • 내려받은 GIF에는 사진과 문구가 그대로 보입니다. 공유할 내용과 사진의 사용 권한을 확인하세요.
  • 공용 기기에서는 저장 폴더를 정리하고 사이트 개인정보처리방침도 확인하세요.

저장한 GIF를 다시 열어 마지막으로 확인하기

미리보기가 마음에 들면 GIF 생성을 누르고 완료된 뒤 GIF 저장을 누르세요. 프레임이 많으면 파일을 만드는 데 시간이 걸리므로 편집을 마친 뒤 생성하는 방식입니다. 생성 취소를 눌러도 편집한 프레임은 남습니다. 이미 생성한 뒤 설정을 바꾸면 이전 파일의 저장은 잠기므로 다시 생성해야 합니다.

  • 첫 장과 마지막 장이 자연스럽게 이어지는지, 한 번 재생과 계속 반복 중 의도한 값을 골랐는지 봅니다.
  • 저장한 GIF를 열어 실제 색, 투명 경계, 문구와 속도를 확인합니다.
  • 파일을 첨부할 곳에서 애니메이션이 유지되는지 확인합니다. 일부 화면은 첫 장만 썸네일로 보여 줄 수 있습니다.

GIF 형식과 브라우저 파일 처리 참고 자료

GIF의 색상표·투명도·표시 시간은 GIF89a 사양에서 확인할 수 있습니다. 표시 시간의 단위는 1/100초입니다. 브라우저에서 직접 고른 파일을 읽는 방식은 MDN의 File API 안내를 참고했습니다. 이 도구의 파일·픽셀 한도와 최소 표시 시간은 GIF 형식 전체의 한도가 아니라 이 화면에서 사용할 수 있는 범위입니다.

원본 사진을 먼저 다듬어야 할 때

큰 정적 사진은 이미지 리사이저에서 가로·세로를 줄여 준비할 수 있습니다. 원본 사진의 용량을 줄일 때는 이미지 압축기를, 정적 WebP의 형식을 바꿀 때는 WebP 변환기를 사용하세요. 이 링크들은 완성된 GIF의 움직임을 유지하며 압축하는 기능을 뜻하지는 않습니다.

자주 묻는 질문

여러 사진으로 GIF를 어떻게 만드나요?

이미지 추가에서 PNG·JPG·정적 WebP 사진을 여러 장 고르세요. 첫 파일 추가는 예제를 바꾸고, 그다음 추가는 기존 사진 뒤에 붙습니다. 아래 프레임 목록에서 순서와 표시 시간을 정한 뒤 재생으로 확인하고 GIF 생성 → GIF 저장 순서로 받습니다.

이미 있는 GIF의 속도나 순서도 바꿀 수 있나요?

네. GIF를 추가하면 움직임을 이루는 프레임을 불러옵니다. 선택한 프레임을 앞으로 또는 뒤로 옮기고 삭제할 수 있으며, 전체 역순으로 순서를 뒤집을 수도 있습니다. 속도 배율은 모든 프레임에 적용됩니다.

프레임 표시 시간과 속도 배율은 어떻게 다른가요?

표시 시간은 한 장을 보여 주는 길이이며 ms는 1,000분의 1초입니다. 200ms와 400ms 두 장은 1배속에서 총 600ms, 2배속에서 100ms와 200ms로 총 300ms가 됩니다. 속도를 적용한 지연은 10ms 단위로 반올림하고 최소 20ms를 유지하므로 짧은 지연에서는 합계가 정확히 절반이 아닐 수 있습니다.

투명 배경을 골랐는데 사진의 흰 배경은 왜 남나요?

투명 배경은 이미지 바깥 여백과 원래 투명한 부분에 적용됩니다. 사진에 이미 그려진 흰색을 지우는 배경 제거 기능은 아닙니다. GIF는 완전히 투명하거나 불투명한 1비트 투명도만 표현하므로 PNG의 반투명 그림자와 경계는 달라질 수 있습니다.

한 번만 재생하는 GIF도 저장할 수 있나요?

반복에서 한 번 재생을 고른 뒤 새로 생성하세요. 계속 반복은 끝에서 첫 프레임으로 돌아가고, 한 번 재생은 마지막 프레임에서 끝납니다. 불러온 GIF의 원래 반복 횟수 대신 이 화면의 반복 설정을 적용합니다. 삽입할 앱이나 서비스의 표시 방식이 다를 수 있으므로 저장한 파일을 사용할 곳에서 다시 확인하세요.

용량을 원하는 크기 이하로 맞출 수 있나요?

목표 용량을 지정하거나 결과 크기를 보장하는 기능은 없습니다. 필요 없는 프레임을 삭제하고 가로·세로를 줄인 뒤 생성된 파일의 용량을 확인하세요. 색과 움직임에 따라 크기가 달라지며, 속도만 올린다고 프레임 수나 용량이 함께 줄어드는 것은 아닙니다.

동영상이나 움직이는 WebP도 넣을 수 있나요?

아니요. 지원 입력은 정적 PNG·JPG/JPEG·WebP와 GIF입니다. 동영상, HEIC, APNG, 움직이는 WebP와 오디오는 지원하지 않습니다. 파일 확장자만 바꿔도 형식은 바뀌지 않습니다.

불러올 수 있는 파일 크기와 프레임 수는 얼마인가요?

파일당 20MiB, 추가한 파일 합계 50MiB, 최대 120프레임입니다. 원본 한 프레임의 전체 화면은 최대 16MP이며 입력 프레임의 누적 픽셀 수는 32MP 이하여야 합니다. 출력은 가로·세로 각각 16~1000px, 가로×세로×프레임 수 합계 32MP 이하입니다. 파일 용량이 작아도 픽셀 수나 프레임 수 때문에 제한될 수 있습니다.

사진과 입력 문구가 서버에 저장되나요?

이 도구는 선택한 이미지와 입력 문구를 브라우저 안에서 처리하며, 변환을 위해 서버에 전송하거나 보관하지 않습니다. 페이지를 불러오는 통신과 사이트의 일반적인 이용 데이터 처리는 별개입니다. 공용 기기에서는 내려받은 파일을 정리하고 사이트 개인정보처리방침도 확인하세요.

설정을 바꾼 뒤 GIF 저장 버튼이 잠기는 이유는 무엇인가요?

이전 설정의 파일을 잘못 저장하지 않도록 새로 생성할 때까지 저장을 잠급니다. 변경한 순서·시간·크기·문구를 확인하고 GIF 생성을 다시 누르세요. 생성 취소는 편집 내용을 지우지 않지만, 예제로 초기화는 처음의 예제 3프레임과 기본 설정으로 돌아갑니다.

Roberin
센스 있는 개발자
창의적이고 실용적인 툴로 더 나은 세상을 만드는 센스 있는 개발자, Roberin입니다. 기술은 모두를 위한 것, 함께 더 편리한 세상을 만들어 가요! 😊
문의 양식
확인에 필요한 이야기만 남겨주세요.
답장이 필요한 경우 이메일을 함께 적어주세요. 오류 제보라면 페이지 주소, 입력값, 기대한 결과와 실제 결과를 적어주시면 확인이 빨라집니다.