스프라이트 패킹
여러 프레임 이미지를 가로·세로 스트립 또는 2D 아틀라스 시트로 패킹하고, 프레임 좌표·UV 데이터를 JSON과 CSV로 함께 내보내는 스프라이트 시트 도구입니다.
낱장 프레임 이미지를 업로드하면 가로 스트립·세로 스트립·2D 아틀라스 중 원하는 배치로 시트를 구성합니다. 프레임 크기가 서로 달라도 앵커 기준으로 정렬해 한 시트에 담을 수 있습니다.
패킹 결과는 시트 이미지만이 아니라 각 프레임의 좌표와 UV 값을 담은 데이터 파일로도 내보내므로, 게임 엔진이나 렌더러에서 바로 참조할 수 있습니다.
최대 시트 크기 한도 안에서 배치가 계산되며, 미리보기로 결과를 확인한 뒤 내려받을 수 있습니다.
이미지 슬라이서에서 추출한 프레임을 다시 업로드할 필요 없이 그대로 이어받아 시트로 패킹하는 연계 흐름도 지원합니다.
배치는 시트 한 변이 4096픽셀을 넘지 않는 범위 안에서 계산되며, 가로 스트립은 한 줄로, 아틀라스는 여러 행과 열로 프레임을 배열합니다.
완성된 시트는 PNG 이미지로 내려받고, 좌표 데이터는 별도 파일로 함께 저장됩니다.
주요 기능
- 가로·세로 스트립과 2D 아틀라스 배치
- 앵커 기준 프레임 정렬
- 프레임 좌표·UV 데이터 내보내기
- 이미지 슬라이서 연계 가져오기
사용 전 확인
여러 프레임 이미지를 스트립 또는 2D 아틀라스로 배치하고 좌표 데이터와 함께 내보냅니다.
프레임 순서와 최대 시트 크기를 먼저 확인하고, 서로 다른 크기의 프레임은 정렬 기준을 선택하세요.
사용 순서
- 프레임 이미지를 순서대로 추가합니다.
- 배치 방식과 정렬·간격 옵션을 고릅니다.
- 시트 미리보기와 좌표를 확인합니다.
- PNG와 좌표 데이터를 다운로드합니다.
주의사항
- 결과 시트의 한 변은 4096px를 넘을 수 없습니다.
- 파일명과 추가 순서가 프레임 식별과 출력 순서에 영향을 줍니다.
자주 묻는 질문
Q. 시트가 여러 장으로 나뉘어 나옵니다
시트 한 변의 상한이 4096픽셀이라 그렇습니다. 넣은 프레임을 한 장에 담을 수 없으면 자동으로 여러 장으로 나누고, 미리보기 위쪽에 프레임 수와 시트 수를 함께 보여줍니다. 프레임을 줄이거나 배치 방식을 아틀라스로 바꾸면 한 장에 들어갈 수 있습니다.
Q. 레이아웃을 아틀라스로 바꾸면 Anchor 설정 칸이 안 보입니다
의도된 동작입니다. 아틀라스 배치는 프레임을 크기 순으로 빈틈없이 채우는 방식이라 Anchor(정렬 기준점) 개념 자체를 쓰지 않으므로 설정 칸이 함께 사라집니다. 레이아웃을 가로·세로 스트립으로 되돌리면 Anchor 설정이 다시 나타납니다.
Q. 이미지를 추가로 올리면 먼저 올린 프레임이 사라지나요
아니요. 새로 올린 이미지는 기존 목록 뒤에 이어 붙습니다. 여러 번에 걸쳐 이미지를 나눠 올려도 먼저 올린 프레임은 그대로 남아 있으므로, 세트를 한 번에 모으지 않고 나눠서 올려도 됩니다.
Q. 내보낸 좌표가 시트 이미지의 실제 위치와 맞는지 어떻게 확인합니까
화면의 프레임 좌표 표와 내려받은 메타 파일의 값이 같은 좌표계를 씁니다. 시트 PNG를 이미지 편집기에서 열어 표의 x·y·w·h로 잘라보면 해당 프레임이 정확히 잘립니다. 두 프레임만 대조해도 좌표계가 맞는지 확인됩니다.
이 도구는 설치 없이 브라우저에서 바로 실행됩니다. 화면이 이 안내에 머물러 있다면 JavaScript를 활성화한 브라우저로 접속해 주세요.