스프라이트 시트 생성기

여러 이미지를 가로로 배치하여 스프라이트 시트를 만듭니다.

가로 개수

스프라이트 시트란?

스프라이트 시트는 여러 이미지를 격자 형태로 배열해서 하나의 이미지로 만든 것이에요. 게임 개발에서 애니메이션 프레임을 관리할 때 많이 사용하고, 웹 개발에서 아이콘들을 하나의 파일로 합쳐 HTTP 요청을 줄이는 데도 활용해요.

스프라이트 시트에 포함할 이미지들을 선택하세요.

한 줄에 배치할 이미지 개수를 설정하세요.

버튼을 클릭하면 격자 형태의 이미지가 PNG로 다운로드돼요.

첫 번째 이미지의 크기를 기준으로 모든 이미지가 배치돼요. 같은 크기의 이미지를 사용하면 더 좋아요.

게임 엔진에서 스프라이트 시트를 불러온 뒤, 각 프레임의 좌표를 지정해서 애니메이션을 만들어요.

네! background-position 속성으로 원하는 아이콘만 표시할 수 있어요.