실제 예제: 128×32 시트를 4개 프레임으로 분할
128×32 PNG를 열 4, 행 1로 처리하면 실제 분할 규칙대로 32×32 프레임 4장이 만들어집니다. 투명 여백을 일부러 다르게 둬 다음 피벗 정렬 단계까지 이어서 확인할 수 있게 만들었습니다.
스프라이트 시트 분할기
균등한 격자로 구성된 스프라이트 시트를 개별 PNG 프레임으로 분리합니다. 파일은 서버로 전송되지 않습니다.
사용 방법
- PNG, JPG 또는 WebP 이미지를 선택합니다.
- 시트의 열과 행 개수를 입력합니다.
- 분할 후 필요한 프레임을 저장합니다.
격자 계산 방식
프레임 너비는 전체 이미지 너비를 열 수로, 높이는 전체 이미지 높이를 행 수로 나눈 정수 픽셀값으로 계산합니다. 프레임은 왼쪽 위에서 시작해 가로 방향으로 읽고 다음 행으로 내려갑니다.
어떤 시트에 적합한가요?
모든 프레임이 같은 크기의 셀을 차지하는 시트에 적합합니다. 프레임마다 크기가 다른 패킹 아틀라스, 회전 배치, 별도 패딩 정보나 엔진 전용 메타데이터를 사용하는 아틀라스는 단순 행·열 분할보다 원본 아틀라스 정보를 사용하는 편이 맞습니다.
애니메이션 프레임이라면 다음 단계
애니메이션 시트를 분할했다면 바로 재생하기 전에 피벗 자동 정렬을 거치는 것을 권장합니다. 프레임마다 투명 여백이나 기준점이 달라 생기는 화면 흔들림과 실제 애니메이션 움직임을 구분하기 쉬워집니다.
제한 사항
각 프레임의 크기가 동일한 격자형 시트에 적합합니다. 이미지 크기가 행·열로 나누어떨어지지 않으면 가장자리의 나머지 픽셀이 제외될 수 있습니다.
FAQ
파일이 업로드되나요?
아니요. 브라우저 메모리에서만 처리합니다.
프레임 순서는 어떻게 되나요?
왼쪽 위에서 시작해 가로 방향으로 진행합니다.
관련 도구