GIF → PNG 프레임

애니메이션 GIF 업로드

애니메이션 GIF는 사실상 프레임별 지연이 있는 256색 이미지의 스택입니다. 이를 다시 PNG로 분할하면 스프라이트 시트, 프레임별 편집, 또는 After Effects, Blender, 게임 엔진으로의 가져오기에 바로 쓸 수 있는 모든 프레임이 생깁니다. 이 도구는 스트림을 브라우저에서 디코딩해 각 프레임을 번호가 매겨진 PNG로 반환하며, 개별 다운로드나 ZIP으로 한 번에 받기를 모두 지원합니다.

GIF를 프레임으로 분할하는 방법

  1. 1

    GIF 업로드

    유한한 프레임 수를 가진 애니메이션 GIF면 무엇이든.

  2. 2

    디코더가 각 프레임을 순회

    지연과 처리(disposal) 방식을 존중해 투명도가 올바르게 쌓입니다.

  3. 3

    각 프레임을 PNG로 저장

    파일 관리자가 정렬을 유지하도록 0으로 채운 번호와 함께.

  4. 4

    ZIP 다운로드

    프레임당 하나의 PNG가 담긴 단일 아카이브.

출력 형태

my-animation-png-frames.zip
├── my-animation-frame-0001.png
├── my-animation-frame-0002.png
├── my-animation-frame-0003.png
…
└── my-animation-frame-0042.png

번호는 1부터 시작하며, 42프레임 애니메이션이 Finder, Explorer, ls -1에서 올바르게 정렬되도록 앞에 0을 붙입니다.

프레임 지연과 처리

GIF 프레임은 100분의 1초 단위 지연과 처리 방식(아무것도 안 함, 배경 복원, 이전 상태 복원)을 담습니다. 디코더는 이 규칙으로 각 프레임을 캔버스에 합성하므로, 출력 PNG는 부분 델타가 아닌 완전한 이미지입니다.

소스가 투명도와 함께 “배경 복원” 처리를 쓴다면 일부 내보낸 프레임이 거의 투명하게 보일 수 있습니다, 이는 원래 의도입니다.

PNG 프레임의 다음 행선지

  • 스프라이트 시트: 프레임을 가로로 이어 CSS steps()나 Phaser가 쓸 수 있는 스프라이트 시트로.
  • 비디오: -framerate와 함께 FFmpeg에 넣어 MP4/WebM으로 내보냅니다.
  • 애니메이션 도구: Krita, Procreate, After Effects, Aseprite로 가져와 프레임별 편집.
  • 문서화: 히어로 이미지용 키 프레임을 고르고 나머지는 아카이브로 보관.

자주 묻는 질문

네. 각 프레임은 알파가 보존된 채 저장되므로, 로고나 UI 애니메이션이 어떤 배경 위에서도 쓸 수 있습니다.

완전한 이미지입니다. 디코더가 GIF 처리 방식을 존중하므로 내보낸 PNG는 GIF 스트림에 저장된 프레임별 델타가 아니라 합성된 상태를 보여줍니다.

결과 화면에는 각 프레임과 지연(밀리초)이 함께 표시되므로, 타이밍을 바로 확인하고 FFmpeg나 비디오 편집기에서 재현할 수 있습니다.

아니요. 업로드는 ZIP을 만들기 위해 처리된 뒤 폐기됩니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다