이미지 스프라이트 시트 생성기
아이콘이나 애니메이션 프레임 이미지 여러 장을 업로드하면 하나의 스프라이트 시트 PNG로 합쳐주며, 각 프레임을 참조하는 데 필요한 CSS background-position 값도 함께 생성합니다 — 페이지가 요청해야 하는 개별 이미지 수를 줄이는 데 도움이 됩니다.
이미지 도구 브라우저에서 완전히 실행
이미지는 Canvas를 통해 기기 안에서 처리되며 서버로 업로드되지 않습니다.
스프라이트 시트는 게임 개발과 웹 UI에서 흔히 사용됩니다 — 모든 이미지가 간격 없이 동일한 크기의 셀에 배치되며, 결과 아래에 바로 사용할 수 있는 CSS가 함께 표시됩니다.
여러 이미지를 여기에 끌어다 놓거나 선택하세요
JPG, PNG, WebP, 2장 이상