스프라이트 시트 패커

스프라이트 폴더를 드롭하면 하나의 패킹된 텍스처 아틀라스와 각 스프라이트 좌표가 포함된 JSON 매니페스트를 얻을 수 있습니다. HTTP 요청이나 드로우 콜을 줄이려는 게임 개발자(Unity, Phaser, PixiJS, Godot) 및 웹 개발자(아이콘 세트용 CSS 스프라이트)에게 적합합니다.

스프라이트 시트를 사용하는 이유

게임의 경우 하나의 큰 텍스처를 그리는 것이 여러 개의 작은 텍스처를 그리는 것보다 훨씬 효율적입니다. GPU는 텍스처를 수십 번 전환하는 대신 하나의 드로우 콜로 모든 스프라이트를 배치합니다. 웹의 경우 하나의 스프라이트 시트 HTTP 요청이 30개의 개별 아이콘 요청보다 낫습니다. 최신 HTTP/2는 그 차이를 좁히지만, 압축 후에도 스프라이트 시트가 전체적으로 더 작습니다.

패킹 알고리즘

• MaxRects (기본값): 효율적인 빈 패킹, 낭비되는 공간 최소화.
• Skyline: 더 빠르지만 약간 덜 효율적입니다. 동적 아틀라스에 적합합니다.
• Grid: 균일한 셀. 모든 스프라이트 크기가 동일할 때 유용합니다.

출력 형식

1. PNG 아틀라스: 패킹된 텍스처(필요시 추가 압축 가능).
2. JSON 매니페스트: 스프라이트별 좌표, 크기, 앵커 포인트.
3. Unity .meta: Unity에서 가져올 수 있는 메타데이터.
4. CSS 스프라이트 클래스: 웹 스프라이트용으로 바로 붙여넣을 수 있는 CSS.
5. Phaser / PixiJS / TexturePacker JSON: 인기 게임 프레임워크용.

설정

• 최대 아틀라스 크기: 2048, 4096, 8192. 클수록 많은 스프라이트에 대해 더 적은 아틀라스가 필요합니다.
• 패딩: 스프라이트 간 1–8px 간격으로 텍스처 번짐 방지.
• 2의 거듭제곱: 구형 모바일 GPU에서는 켜고, 그 외에는 끕니다.
• 트림: 스프라이트당 투명 픽셀을 제거하여 공간 절약.