스프라이트 시트 생성기란 무엇인가요?

여러 PNG를 스프라이트 시트로 합치세요. 열 수·간격·여백을 설정하고 PNG와 프레임 좌표를 저장합니다.

개별 이미지 프레임을 게임 엔진이나 웹 애니메이션에서 사용할 수 있는 격자 시트로 합칩니다. 가장 큰 프레임을 기준으로 칸 크기를 맞추므로 크기가 다른 이미지도 늘리거나 겹치지 않고 배치할 수 있습니다.

주요 활용 사례

• 게임 개발: 캐릭터의 개별 동작 프레임을 하나의 PNG 시트로 정리합니다.
• 에셋 가공: 여백을 제거하거나 크기를 조절한 스프라이트를 다시 시트로 합칩니다.

주요 기능:

• 격자 배치: 열 수, 칸 사이의 간격, 시트 바깥 여백을 직접 지정합니다.
• 프레임 좌표: 각 이미지의 실제 위치와 크기를 JSON으로 저장합니다.
• 도구 연결: 개별 PNG를 ZIP으로 저장하거나 애니메이터로 보내 재생합니다.

사용 지침:

1. PNG·JPEG·WebP 이미지 또는 ZIP을 선택하세요. 파일명은 frame2가 frame10보다 앞서는 자연수 순서로 정렬됩니다.
2. 화살표로 이미지 순서를 바꾸고, 필요 없는 프레임은 ×로 제거하세요.
3. 열 수·간격·바깥 여백을 설정하세요. 값을 바꾸면 미리보기 생성을 다시 눌러 반영합니다.
4. 결과를 확인하고 PNG 시트·JSON 좌표·ZIP을 저장하세요. 애니메이터로 보내면 개별 프레임을 재생할 수 있습니다.

전문가 팁:

• 게임 엔진에서 고정 격자를 요구한다면 원본 프레임의 크기를 먼저 통일하세요.
• 불필요한 투명 여백을 먼저 제거한 뒤 칸 간격을 지정하면 시트를 더 정돈할 수 있습니다.

자주 묻는 질문 (FAQ)

Q: 크기가 다른 이미지는 자동으로 확대·축소되나요?
A: 아닙니다. 가장 큰 너비와 높이를 기준으로 공통 칸을 만들고, 각 이미지를 원래 크기 그대로 칸의 왼쪽 위에 배치합니다.

Q: JSON을 게임 엔진에 바로 가져올 수 있나요?
A: 위치와 크기를 담은 일반 프레임 좌표입니다. Unity·Godot 전용 프로젝트 파일이 아니므로 사용 중인 엔진의 입력 형식을 확인하세요.

Q: 이미지를 서버로 업로드하나요?
A: 이미지 처리는 이 브라우저 안에서 이루어집니다. 도구 사이에 전달한 데이터도 이 브라우저에만 저장되며 저장된 전달 데이터 삭제로 지울 수 있습니다.

가이드 & 아티클

• 스프라이트 시트에서 스프라이트 추출하는 법
• 스프라이트 시트 완벽 가이드
• 전체 튜토리얼

다른 도구로 이어서 작업

• PNG 투명 여백 일괄 제거
• 픽셀 아트 크기 조절
• GIF 프레임·시트 추출
• 색칠 활동지·컬러링북
• 스프라이트 애니메이터