애니메이션 하나, 깔끔한 시트 한 장

GIF 스프라이트 시트 만들기: 애니메이션을 PNG 그리드로 변환

GIF 스프라이트 시트 만들기, 로그인 없이 브라우저에서 무료로 해 보세요. 프레임을 PNG 그리드로 배열하고 열 수와 간격을 조절한 다음, 프레임 좌표와 타이밍을 JSON으로 함께 내보낼 수 있습니다.

그리드 레이아웃 자유 설정투명 PNG 출력프레임 데이터 포함
GIF 스프라이트 시트 만들기
점프하는 로봇 · 프레임 1 예시 프레임01
점프하는 로봇 · 프레임 4 예시 프레임02
점프하는 로봇 · 프레임 7 예시 프레임03

애니메이션을 한 프레임씩 살펴보세요

GIF를 열거나 예시로 모든 프레임을 확인해 보세요.

애니메이션 GIF · 최대 20 MB · 200프레임
GIF 처리는 내 기기 안에서만 이루어집니다. 계정이나 크레딧이 필요 없습니다.

직접 해 보세요

움직이는 GIF에서 정리된 스프라이트 시트로

서로 다른 12개 프레임으로 이루어진 로봇 점프 사이클을 살펴보세요. 실제 GIF 예시로 프레임 선택과 그리드 설정에 따라 내보낼 시트가 어떻게 달라지는지 확인할 수 있습니다.

불러오기

기존 애니메이션으로 시작

GIF를 작업 공간으로 가져오세요. 완전한 프레임 하나하나가 시트의 원본 셀이 됩니다.

선택

넣을 포즈 고르기

점프 사이클 전체를 쓰거나, 일부 프레임만 골라 더 작은 시트를 만드세요.

배열

일정한 그리드로 배열

열 수, 프레임 너비, 간격을 설정하세요. 내보내기 전에 바뀐 PNG 그리드를 미리 볼 수 있습니다.

robot-jump.gif

오리지널 12프레임 예시 · 작업 공간에서 GIF 열기

시퀀스 살펴보기

GIF 프레임을 스프라이트 시트로 변환

움직이는 이미지 한 장이 깔끔하게 정리된 프레임 세트로 바뀝니다. 작업 공간에서 프로젝트에 맞게 그리드를 조절하세요.

  • GIF를 원래 순서대로 완전한 프레임으로 디코딩합니다.
  • 애니메이션에 필요한 프레임을 고릅니다.
  • 내장 재생 미리보기로 시퀀스를 확인합니다.
예시 애니메이션 프레임 1
01
예시 애니메이션 프레임 2
02
예시 애니메이션 프레임 3
03
예시 애니메이션 프레임 4
04
예시 애니메이션 프레임 5
05
예시 애니메이션 프레임 6
06
예시 애니메이션 프레임 7
07
예시 애니메이션 프레임 8
08
예시 애니메이션 프레임 9
09
예시 애니메이션 프레임 10
10
예시 애니메이션 프레임 11
11
예시 애니메이션 프레임 12
12

출력은 내 마음대로

스프라이트 시트 열 수, 크기, 간격 설정

선택한 프레임을 PNG 한 장에 담으세요. 프레임 너비를 정하면 비율은 그대로 유지되고, 셀 사이 간격도 프로젝트에 맞게 넣을 수 있습니다.

  • 열 수를 바꿔 그리드 모양을 조정합니다.
  • 프레임 너비로 출력 크기를 조절합니다.
  • 각 셀의 위치, 크기, 지연 시간을 JSON으로 내보냅니다.

간단한 3단계

GIF 스프라이트 시트 만드는 방법

원본 파일에서 바로 쓸 수 있는 결과물까지, 간단한 3단계면 충분합니다.

01

GIF 불러오기

애니메이션 파일을 여세요. 완전한 프레임이 브라우저에서 바로 재구성됩니다.

02

프레임 배열하기

넣을 프레임을 고른 뒤 열 수, 프레임 너비, 간격을 조절하세요.

03

시트 내보내기

선택한 프레임으로 만든 PNG 스프라이트 시트와 JSON 좌표를 다운로드하세요.

다음 프로젝트에 바로 활용

게임과 웹 프로젝트용 스프라이트 시트 만들기

01

게임 애니메이션 에셋

동작 시퀀스를 일정한 셀로 배열하고, 내 작업 파이프라인에 쓸 좌표를 내보내세요.

02

웹 애니메이션 실험

PNG 시트와 프레임 타이밍을 CSS나 캔버스 애니메이션의 입력값으로 사용하세요.

03

애니메이션 콘택트 시트

프레임 선택과 레이아웃을 직접 조절하며 전체 동작을 한눈에 보세요.

PNG 스프라이트 시트와 JSON 다운로드

PNG에는 배열된 프레임이, 별도의 JSON에는 각 프레임의 좌표와 타이밍이 담깁니다. 이 파일들을 게임이나 웹 애니메이션 작업에 연결하세요. 이 스프라이트 시트 변환 도구는 기존 GIF 프레임을 배열할 뿐 새 포즈를 생성하지 않습니다.

GIF 스프라이트 시트 만들기: 자주 묻는 질문

GIF로 스프라이트 시트를 만들거나 변환할 수 있나요?

네. 여기서는 스프라이트 시트와 스프라이트시트를 같은 뜻으로, 애니메이션 프레임을 격자로 배열한 이미지를 말합니다. 프로그램 설치 없이 쓰는 스프라이트 시트 만들기 사이트로, GIF에 이미 들어 있는 프레임을 PNG로 변환하고 필요하면 좌표와 타이밍이 담긴 JSON도 함께 내보냅니다.

GIF 파일이 서버에 업로드되나요?

아니요. GIF 디코딩, 미리보기, 다운로드는 모두 브라우저에서 처리됩니다. 이 도구들은 AI API를 쓰지 않으며 로그인이나 크레딧도 필요 없습니다.

작은 조각이 아니라 완전한 프레임으로 저장되나요?

네. 디코더가 GIF 프레임 조각을 위치, 투명도, 처리(disposal) 방식에 맞게 합성한 뒤 완전한 프레임으로 내보냅니다.

파일 크기나 프레임 수에 제한이 있나요?

최대 20 MB, 200프레임까지의 GIF를 열 수 있습니다. 메모리 사용량을 적정하게 유지하기 위해 디코딩된 프레임의 총 픽셀 수도 3,600만 픽셀로 제한됩니다. 큰 스프라이트 시트는 최대 3,200만 픽셀까지 만들 수 있습니다.

애니메이션 재생 타이밍도 유지되나요?

프레임 데이터에 각 프레임의 지연 시간이 밀리초(ms) 단위로 들어 있습니다. PNG나 스프라이트 시트는 정지 이미지이므로, 이 타이밍 데이터로 애니메이션 도구에서 재생을 다시 구성하세요.

AI로 새 스프라이트를 생성하나요?

아니요. GIF에 있는 기존 프레임을 배열할 뿐입니다. 새 포즈를 생성하거나, 배경을 제거하거나, 프레임을 보간해 추가하지 않습니다.

GIF 스프라이트 시트 만들기

내 GIF로 스프라이트 시트 만들기

GIF 스프라이트 시트 만들기, 로그인 없이 브라우저에서 무료로 해 보세요. 프레임을 PNG 그리드로 배열하고 열 수와 간격을 조절한 다음, 프레임 좌표와 타이밍을 JSON으로 함께 내보낼 수 있습니다.

작업 공간으로 돌아가기