GIF 만들기·분해

GIF 만들기·분해 사용법

정지된 이미지 여러 장을 차례로 보여 주는 움직이는 GIF(움짤)를 만들고, 반대로 이미 있는 GIF를 장면 하나하나의 이미지로 풀어 주는 도구입니다. 상품 사진 몇 장을 번갈아 보여 주는 배너, 사용 순서를 한 화면씩 보여 주는 설명 그림, 메신저에서 쓰는 짧은 반응 짤을 만들 때 씁니다. 받은 GIF에서 마음에 드는 장면 하나만 꺼내거나, 너무 빠른 GIF의 속도를 고쳐 다시 만들 때도 씁니다. 재료가 사진이나 GIF가 아니라 동영상 파일이라면 구간을 골라 장면을 뽑아 주는 동영상 GIF 변환 도구가 알맞고, 이 도구는 이미 가지고 있는 이미지 장면을 하나씩 배치하고 간격을 장면마다 따로 정하는 데 맞춰져 있습니다.

GIF 만들기 순서

1. GIF 만들기 탭에서 장면으로 쓸 이미지를 끌어다 놓습니다. 넣은 순서가 재생 순서이며 목록의 ▲ ▼ 단추로 바꿀 수 있습니다.
2. 장면마다 간격(그 장면을 보여 줄 시간, 밀리초)을 따로 넣습니다. 모두 같게 하려면 위의 모든 장면 간격에 숫자를 넣고 모든 장면에 적용을 누릅니다.
3. 가로 크기를 정합니다. 세로는 첫 장면의 비율로 정해지고, 크기가 다른 이미지는 맞춤 방식에 따라 여백을 채우거나 넘치는 곳을 잘라 맞춥니다.
4. 화면 아래의 예상 용량을 보고 크기를 조절한 뒤 GIF 만들기를 누릅니다. 미리보기가 나오면 GIF 저장을 누릅니다.

예를 들어 예시 장면 넣기를 누르면 400×300 크기의 장면 8장이 들어갑니다. 간격 200ms, 가로 480px로 두면 화면에 "장면 8장, 480×360px, 한 바퀴 1.60초, 예상 용량 약 31.0 KB"가 나오고, 실제로 만든 GIF는 24.6 KB였습니다. 예상 용량은 가운데 장면 하나를 실제로 GIF로 만들어 본 크기에 장면 수를 곱한 값이라서, 장면끼리 비슷할수록 실제 결과가 조금 더 작게 나옵니다.

옵션 설명

GIF 분해 순서

1. GIF 분해 탭에 GIF 파일을 넣습니다. 여러 개를 한 번에 넣어도 됩니다.
2. GIF마다 크기, 장면 수, 한 바퀴 길이, 반복 정보가 나오고 장면이 작은 그림으로 펼쳐집니다. 그림 아래 숫자는 장면 번호와 간격입니다.
3. 장면 하나를 누르면 그 장면만 저장되고, 장면 ZIP 받기는 전부를, 한 장에 모아 받기는 격자로 이어 붙인 한 장(스프라이트 시트)을 저장합니다. 장면 간격 CSV는 장면 번호, 간격, 시작 시각을 표로 저장합니다.

장면이 많은 GIF는 몇 장마다 1장만 꺼내기로 줄일 수 있습니다. 화면의 예시 GIF 넣기로 만든 200×150, 6장짜리 GIF(150ms 다섯 장과 600ms 한 장, 한 바퀴 1.35초)에 2를 넣으면 1, 3, 5번 장면만 남습니다. 이 상태로 만들기 탭에서 고치기를 누르면 세 장이 만들기 탭으로 옮겨지고, 빠진 장면만큼 간격이 늘어나 각 300ms가 됩니다. 재생 속도를 바꾸거나 장면을 빼고 다시 GIF로 만들 때 이 단추를 씁니다.

GIF는 바뀐 부분만 저장하는 경우가 많아서 장면을 그대로 꺼내면 조각만 보일 수 있습니다. 이 도구는 앞 장면 위에 겹쳐 그린 완성된 화면을 꺼내므로 각 장면이 화면에 보이던 모습 그대로 저장됩니다.

용도별 권장값

• 메신저나 댓글용 짤: 가로 320~480px, 장면 10~30장. 수 MB를 넘으면 올라가지 않는 곳이 많습니다.
• 블로그 설명 그림: 가로 600~800px, 장면 사이 1,000~2,000ms로 천천히. 글을 읽을 시간이 필요합니다.
• 상품 사진을 번갈아 보여 주는 배너: 장면 간격 1,500ms 안팎, 반복 계속.

주의할 점

• 간격은 20ms 이상으로 넣습니다. GIF는 시간을 100분의 1초 단위로 저장하고, 대부분의 브라우저는 20ms보다 짧은 간격을 100ms로 바꿔 재생해서 오히려 느려집니다.
• GIF는 사진에 알맞은 형식이 아닙니다. 사진을 크게 만들면 용량이 빠르게 커지므로 예상 용량을 보고 가로 크기를 줄이세요.
• 모든 처리는 이 기기의 브라우저 안에서 이뤄지고 이미지는 서버로 보내지 않습니다. 장면이 수백 장이면 휴대폰에서 메모리가 모자랄 수 있습니다.