이미지와 GIF → 게임용 시트

무료 스프라이트 시트 제작 도구

흩어진 프레임을 다음 모험으로 이어 보세요. 이미지나 GIF를 배치하고 동작을 확인한 뒤 게임 에셋을 내보냅니다.

준비된 파일이 없나요?에셋 생성
  • 계속 무료
  • 가입 불필요
  • 로컬 처리
  • 다양한 다운로드 형식
01 / 3단계 흐름

세 단계로 스프라이트 시트 만들기

그림에서 에셋까지 짧은 흐름

01

이미지 또는 GIF 추가

이미지 모드에 PNG, JPG, 정적 WebP 프레임을 넣거나 GIF 모드에서 애니메이션을 추출하세요. 파일 이름은 자연 순서로 정렬되며 에셋이 없다면 홈에서 먼저 생성할 수 있습니다.

02

모든 프레임 정렬 및 확인

그리드, 가로 또는 세로 스트립을 선택하고 열, 여백, 간격과 정렬을 설정하세요. 애니메이션 미리보기로 누락이나 잘못된 위치를 찾고 핸들로 순서를 고칩니다.

03

사용할 에셋 다운로드

투명 PNG를 다운로드하고 JSON, CSS, XML 또는 GIF를 ZIP에 추가하거나 결과를 스프라이트 시트 분할 도구에서 바로 열 수 있습니다.

02 / 시트 기능

프레임 순서에 맞춘 스프라이트 시트 제작 도구

여러 이미지나 애니메이션 GIF를 깔끔한 스프라이트 시트로 정리하세요. 이 무료 스프라이트 시트 제작 도구는 프레임 정렬, 애니메이션 확인, PNG와 선택형 JSON 내보내기를 지원하며 가입이 필요 없습니다.

01

GIF의 완전한 프레임 복원

GIF가 프레임 사이의 변경 픽셀만 저장해도 각 시점의 전체 이미지를 복원합니다. 투명 영역과 원본 시간을 유지하고 필요하면 일정한 FPS를 적용할 수 있습니다.

02

이미지를 늘이지 않고 합치기

가장 큰 원본 크기가 셀을 결정하며 작은 이미지는 원래 크기를 유지합니다. 아래쪽 가운데 정렬은 캐릭터, 가운데와 왼쪽 위는 효과나 인터페이스 에셋에 적합합니다.

03

내보내기 전에 애니메이션 확인

전체 시트와 애니메이션 미리보기를 오가며 정지, 프레임 이동과 속도 비교를 할 수 있습니다. 미리보기 배율은 PNG 해상도에 영향을 주지 않습니다.

03 / 게임 활용

PNG에서 스프라이트 시트까지, 실제 게임 제작 흐름

캐릭터 이동과 액션 반복

짧은 걷기, 점프나 공격 프레임을 규칙적인 그리드로 묶고 재생 순서와 각 셀 아래쪽의 접점을 확인하세요.

효과, 아이콘과 기존 애니메이션

작은 효과는 가로 스트립, 아이콘과 애니메이션 프레임은 조밀한 그리드에 정리하세요. 기존 그림을 정리하며 중간 프레임을 새로 만들지는 않습니다.

04 / 내보내기 안내

스프라이트 시트 설정과 내보내기 안내

열, 여백과 프레임 간격

열은 한 줄의 셀 수, 바깥 여백은 시트 주변 공간, 프레임 간격은 이웃 셀 사이를 설정합니다. 배치를 조정하면 출력 크기가 즉시 갱신됩니다.

투명 PNG와 JSON 좌표

기본 배경은 투명합니다. JSON에는 파일 이름, 원본 크기, 프레임 사각형과 시간이 담기며 같은 ZIP에 다른 형식도 넣을 수 있습니다.

브라우저 사용 한도

파일은 기기에서 처리됩니다. 입력은 50 MiB, 256프레임, 디코딩 후 3,200만 픽셀까지이며 이미지와 출력 시트는 한 변 8192px, 1,600만 픽셀까지입니다.

06 / 제작 질문

스프라이트 시트 제작 도구 자주 묻는 질문

시트 내보내기, GIF 시간과 무료 도구의 한도를 안내합니다.

온라인 스프라이트 시트 제작 도구는 정말 무료인가요?

네. 이미지 합치기, GIF 프레임 추출, 미리보기와 다운로드는 무료이며 가입이 필요 없습니다. AI 에셋 생성은 별도 기능입니다.

JPG로 투명 시트를 만들 수 있나요?

프레임 사이의 빈 공간은 투명하게 할 수 있지만 JPG에는 투명 채널이 없어 원래 배경 픽셀은 남습니다. 투명 에셋에는 PNG나 정적 WebP를 사용하세요.

GIF가 원래 재생 속도를 유지하나요?

원본 프레임 시간 사용을 켜면 유지합니다. 끄면 모든 프레임에 같은 FPS를 적용할 수 있습니다.

결과를 다시 분할하고 재배치할 수 있나요?

네. 분할 도구에서 열면 같은 탭 안에서 시트와 설정을 넘깁니다. 페이지를 새로고침하면 사라집니다.

고급 텍스처 패커를 대신할 수 있나요?

규칙적인 그리드와 스트립에 집중합니다. 회전, 다각형 패킹이나 여러 아틀라스 페이지는 지원하지 않습니다.

스프라이트 시트를 만들 준비가 되었나요?

위 작업 공간에 이미지나 GIF를 넣고 프레임을 정리한 뒤 PNG를 내보내세요. 파일은 새로고침 전까지 유지됩니다.

작업 공간 열기