스프라이트 분할기
단일 시트에서 개별 스프라이트를 자동으로 감지하고 추출합니다.
🔒 파일은 브라우저에서 안전하게 로컬로 처리되며, 절대 외부로 업로드되거나 저장되지 않습니다.
여기에 스프라이트 시트를 드래그 앤 드롭하세요
또는 , 또는 URL로 추가(Ctrl+V로 이미지나 URL을 붙여넣을 수도 있습니다)
또는 샘플 이미지 사용해보기:
스프라이트 분할기란 무엇인가요?
스프라이트 분할기(Sprite Splitter)는 2D 게임 개발자와 픽셀 아티스트를 위해 설계된 무료 브라우저 기반 도구입니다. 단일 스프라이트 시트 이미지에서 개별 스프라이트를 자동으로 감지하여 추출합니다. 포토샵 등에서 수동으로 격자를 자르는 대신, 우리의 엣지 감지 알고리즘이 투명한 배경에서 독립된 스프라이트를 마법처럼 찾아냅니다.
이 도구는 특히 텍스처 아틀라스, 불규칙한 스프라이트 시트, 또는 원래의 격자 크기를 모르는 다운로드된 에셋을 다룰 때 유용합니다. 당사는 개인정보 보호와 속도에 중점을 두어 에셋을 원격 서버로 절대 업로드하지 않습니다. 모든 처리는 사용자의 로컬 웹 브라우저 내에서 안전하게 이루어집니다.
주요 활용 사례
- 게임 엔진 임포트: 빽빽하게 채워진 스프라이트 시트를 개별 PNG로 추출하여 Unity, Godot 또는 GameMaker Studio로 가져올 때 사용합니다.
- 에셋 복구: 원본 프로젝트 파일을 분실하여 병합된 텍스처 아틀라스만 남았을 때 이를 다시 조각낼 수 있습니다.
- 웹 애니메이션: 웹 디자인에 독립적인 이미지 파일로 사용하기 위해 UI 아이콘이나 CSS 스프라이트 시트를 잘라냅니다.
주요 기능:
- 자동 감지: 투명도나 배경색을 기준으로 고립된 픽셀 묶음을 자동으로 찾습니다.
- 사용자 지정 영역: 자동 감지가 프레임을 놓친 경우 수동으로 경계 상자를 추가하거나 조정할 수 있습니다.
- ZIP 내보내기: 추출된 모든 스프라이트를 개별 PNG, JPEG 또는 WebP 파일로 ZIP 아카이브에 담아 다운로드합니다.
- 개인정보 보호 최우선: 모든 이미지 처리는 브라우저에서 로컬로 진행됩니다. 이미지는 절대 서버로 업로드되지 않습니다.
- 그리드 모드: 시트가 완벽하게 정렬된 경우 그리드 모드로 전환하여 정확한 픽셀 치수대로 즉시 자를 수 있습니다.
사용 지침:
- 위의 드롭 존에 스프라이트 시트를 드래그 앤 드롭하거나 클립보드에서 이미지를 붙여넣습니다(Ctrl+V).
- 임계값을 조정하여 픽셀을 얼마나 적극적으로 그룹화할지 제어합니다.
- 스프라이트 시트에 투명도 대신 단색 배경이 있는 경우 배경 제거를 켭니다.
- ZIP으로 내보내기를 클릭하여 깔끔하게 잘린 스프라이트를 다운로드하세요!
전문가 팁:
- 스프라이트 시트가 매우 빽빽하게 채워져 있다면 여백과 임계값을 줄여 스프라이트가 병합되지 않도록 하세요.
- 캔버스에서 Shift 키를 누른 상태로 드래그하면 수동으로 추출 상자를 그릴 수 있습니다.
자주 묻는 질문 (FAQ)
Q: 이 도구는 이미지를 압축하나요?
A: 아니요. PNG로 내보낼 때 추출된 스프라이트는 원래의 무손실 품질을 유지합니다.
Q: 제 이미지가 클라우드에 업로드되나요?
A: 절대 아닙니다. 스프라이트 분할기는 웹 브라우저에서 100% 로컬로 실행됩니다. 당사는 사용자의 파일을 보거나 액세스할 수 없습니다.
Q: 파일 크기 제한이 있나요?
A: 처리는 기기의 메모리에 의존하기 때문에 매우 큰 이미지(예: 8000x8000 픽셀 이상)는 브라우저를 느려지게 할 수 있습니다. 하지만 서버 측의 엄격한 용량 제한은 없습니다!
Q: 배경이 투명하지 않으면 어떻게 하나요?
A: "배경 제거" 토글을 켜면 됩니다. 도구가 왼쪽 상단 픽셀을 배경색으로 간주하고 자동으로 무시합니다.
가이드 & 아티클
스프라이트 애니메이터
추출한 스프라이트를 애니메이션으로 실시간 미리보고 내보냅니다.
애니메이션을 만들 프레임이 없습니다
스플리터에서 동기화하거나, 여러 장의 이미지를 이곳에 드래그 앤 드롭하세요.
애니메이션 타임라인
(0 Frames)
스프라이트 애니메이터란 무엇인가요?
스프라이트 애니메이터(Sprite Animator)는 픽셀 아트 애니메이션을 미리 볼 수 있는 가벼운 브라우저 기반 테스트 유틸리티입니다. 달리기 동작의 타이밍을 확인하기 위해 무거운 게임 엔진을 켜는 대신, 타임라인에 프레임을 직접 업로드하고 즉시 루프를 시청할 수 있습니다.
이 도구는 스프라이트 분할기 도구와 깊이 통합되어 있습니다. 복잡한 스프라이트 시트를 자른 다음 클릭 한 번으로 프레임을 애니메이터로 직접 보낼 수 있습니다. 애니메이션이 완벽해 보이면 고품질 GIF로 쉽게 내보내어 소셜 미디어나 포트폴리오에 공유할 수 있습니다.
왜 스프라이트 애니메이터를 사용해야 하나요?
- 빠른 프로토타이핑: Unity나 Godot로 에셋을 가져오지 않고도 프레임 타이밍을 즉시 테스트할 수 있습니다.
- 포트폴리오 제작: 원시 게임 에셋을 아름답게 반복되는 GIF로 변환하여 픽셀 아트를 온라인에 자랑할 수 있습니다.
- 애니메이션 디버깅: 어니언 스킨 기능을 활용하여 이동 궤적을 분석하고 부자연스러운 프레임을 찾습니다.
주요 기능:
- 실시간 미리보기: 설정을 조정하면서 애니메이션이 실행되는 것을 실시간으로 확인하세요.
- 어니언 스킨: 부드러운 움직임을 위해 이전 프레임과 다음 프레임을 배경에 희미하게 표시합니다.
- 드래그 앤 드롭 타임라인: 타임라인에서 프레임을 드래그하여 순서를 쉽게 변경할 수 있습니다.
- GIF로 내보내기: 사용자 지정 배경색이나 투명도가 적용된 애니메이션 GIF 파일로 프레임을 컴파일합니다.
- 다양한 속도 조절: 글로벌 FPS(초당 프레임 수) 슬라이더를 조정하여 의도한 게임 속도에 맞춥니다.
사용 지침:
- 먼저 스프라이트 분할기로 이동하여 스프라이트 시트에서 프레임을 추출합니다.
- 위의 분할기에서 동기화 버튼을 클릭하여 추출된 프레임을 타임라인에 로드합니다.
- FPS(초당 프레임 수) 슬라이더를 조정하여 재생 속도를 변경합니다.
- 배경색을 선택하거나 투명하게 둡니다.
- GIF 내보내기를 클릭하여 최종 애니메이션을 컴퓨터에 저장하세요!
전문가 팁:
- 어니언 스킨을 활성화하여 프레임이 완벽하게 일치하는지 확인하세요. 애니메이션이 흔들리는 경우 스프라이트 분할기에서 추출 영역을 조정해야 할 수 있습니다.
- 타임라인에서 프레임을 직접 드래그 앤 드롭하여 추출 중 발생한 순서 오류를 수정할 수 있습니다.
자주 묻는 질문 (FAQ)
Q: GIF 내보내기에서 투명도를 지원하나요?
A: 네! 내보내기 전에 배경 드롭다운에서 '투명'을 선택해야 합니다.
Q: 개별 이미지 폴더를 가져올 수 있나요?
A: 현재 스프라이트 애니메이터는 스프라이트 분할기와 원활하게 작동하도록 설계되었습니다. 먼저 분할기에 스프라이트 시트를 업로드하고 프레임을 추출해야 합니다.
Q: 개별 프레임의 재생 시간을 설정할 수 있나요?
A: 현재 이 도구는 전역 FPS 설정을 사용합니다. 프레임을 더 길게 유지하려면 타임라인에서 해당 프레임 썸네일의 복제 버튼을 사용하여 프레임을 복제할 수 있습니다.