🎞️ APNG/스프라이트시트 만들기

이미지를 애니메이션 PNG 스프라이트시트로 합성

✓ 영구 무료 · ✓ 가입 불필요 · ✓ 업로드 없음 · ✓ 오프라인 작동

🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 Canvas 렌더링 + PNG 내보내기를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.

기능

  • 스프라이트시트 만들기 — 여러 이미지를 가로로 이어 붙여 하나의 스프라이트시트로 만들어요.
  • GIF보다 나은 화질 — PNG는 24비트 색상과 완전한 알파 투명도를 지원해요.
  • 사용자 정의 크기 — 각 프레임의 출력 너비를 정할 수 있어요.

작동 방식

  1. 프레임 추가 — 여러 이미지를 끌어다 놓거나 선택하세요.
  2. 정렬 — 프레임 순서를 바꾸고 타이밍을 설정하세요.
  3. 만들기 — 스프라이트시트를 생성하거나 프레임을 하나씩 다운로드하세요.

활용 사례

  • 개별 프레임으로 게임용 스프라이트시트 만들기
  • CSS 애니메이션용 스프라이트시트 제작

자주 묻는 질문

APNG가 뭔가요?

APNG(Animated PNG)는 GIF 같은 애니메이션 형식이지만 수백만 가지 색상과 완전한 알파 투명도를 지원해서 애니메이션이 훨씬 깔끔하게 보여요.

APNG와 GIF, 어느 쪽이 더 좋나요?

화질은 APNG가 이겨요. 부드러운 그라데이션, 256색 제한 없음, 제대로 된 투명도까지요. GIF는 오래된 환경에서의 지원이 조금 더 넓을 뿐이에요.

브라우저가 APNG를 지원하나요?

네. Chrome, Firefox, Safari, Edge 모두 APNG를 재생해요. 지원하지 않는 곳에서는 첫 번째 프레임이 표시돼요.

이미지가 업로드되나요?

아니요. APNG는 브라우저 안에서 만들어져요. 업로드도, 계정도, 워터마크도 없어요.

관련 도구

💬 버그, 아이디어, 아니면 그냥 인사? Milo 🐨 에게 알리기 · [email protected]