GIF를 스프라이트 시트로 변환

GIF에는 몇 프레임이 있을까?

GIF는 프레임마다 100분의 1초 단위의 지연 시간을 저장합니다. 그래서 프레임 수는 대략 '애니메이션 길이 ÷ 지연 시간'입니다. 초당 10프레임(10/100초)인 1초 루프는 10프레임, 같은 1초라도 초당 25프레임(4/100초)이면 25프레임입니다.

의외로 많아지는 건 화면 녹화나 영상에서 잘라 낸 클립입니다. 6초, 초당 25프레임만 돼도 150프레임입니다. 게임 애니메이션은 훨씬 짧아서 걷기는 보통 4~12프레임, 공격은 3~8프레임입니다.

GIF를 디코딩하면 바로 모든 프레임과 원래 타이밍이 표시되므로, 내보내기 전에 무엇이 들어 있는지 알 수 있습니다.

GIF가 너무 클 때

변환기는 파일당 최대 12MB, 160프레임, 프레임당 200만 픽셀까지 받습니다. 1920×1040은 되지만 1920×1080은 안 됩니다. 모든 프레임을 합친 총량은 약 2,500만 픽셀로, 400×400이면 150프레임입니다. 모든 프레임을 브라우저 메모리에서 디코딩하기 때문에 이런 한도가 있습니다.

한도를 넘으면 먼저 GIF 편집기에서 길이를 줄이거나 크기를 줄이세요. 가로세로를 절반으로 줄이면 픽셀 수는 4분의 1이 됩니다. 불러온 뒤에는 필요 없는 프레임을 삭제하세요. 쓰는 프레임만 담은 시트가 더 작고 자르기도 쉽습니다.

주요 활용법

사람들이 GIF를 변환하는 이유:

• GIF로만 제공되는 에셋 — 일부 에셋 팩과 오래된 스프라이트 모음은 애니메이션 GIF만 제공합니다. 한 번 변환하면 어떤 엔진에서도 불러올 수 있는 시트가 됩니다.
• 애니메이션을 엔진에 넣기 — Unity, Godot, Phaser, GameMaker가 읽는 건 스프라이트 시트이지 GIF가 아닙니다. 여기서 열 수와 여백을 정한 뒤 엔진의 스프라이트 편집기에서 잘라 쓰세요.
• 애니메이션 타이밍 연구 — 프레임별로 펼쳐 보면 점프나 공격에 그림이 몇 장 쓰였는지, 키 포즈가 어디에 있는지 보입니다. 직접 만들지 않은 애니메이션은 라이선스를 지켜 주세요.
• 이모트와 웹 애니메이션 — 시트는 CSS나 canvas 코드 몇 줄로 재생할 수 있어, GIF를 그대로 넣는 것보다 가볍고 제어하기도 쉽습니다.