이미지를 GIF로 — 사진 여러 장으로 움직이는 GIF 만들기
사진이나 캡처 여러 장을 차례로 넘어가는 움직이는 GIF로 만듭니다. 순서를 바꾸고, 한 장이 머무는 시간과 크기, 재생 횟수를 정할 수 있습니다. 사진은 서버로 보내지 않고 브라우저 안에서 GIF로 인코딩합니다.
GIF는 카카오톡, 블로그, 커뮤니티, 이메일처럼 동영상을 넣기 어려운 곳에서도 거의 어디서나 움직이는 이미지입니다. 전후 비교, 제품 여러 각도 보여주기, 단계별 사용법, 짧은 슬라이드쇼를 만들 때 자주 씁니다.
대신 GIF는 한 장면에 256색까지만 담을 수 있고 압축 방식이 오래되어, 같은 내용의 동영상보다 파일이 훨씬 큽니다. 사진처럼 색이 많은 이미지는 색이 약간 뭉개질 수 있고, 크기를 키울수록 용량이 빠르게 늘어납니다.
재생 횟수가 정확해졌습니다
GIF 파일에는 반복 횟수가 '처음 재생한 뒤 몇 번 더 반복할지'로 저장되고, 브라우저도 그렇게 읽습니다. 예전 버전은 버튼에 적힌 숫자를 그대로 저장해서 '1번'을 고르면 두 번, '3번'을 고르면 네 번 재생됐습니다. 크롬의 이미지 디코더로 만든 파일을 다시 읽어 보니 반복 값이 3으로 나왔습니다.
지금은 '1번 재생'이면 반복 정보를 아예 넣지 않아 한 번만 재생되고, 'N번 재생'이면 N−1을 저장합니다. 1번·2번·5번 재생과 계속 반복을 만들어 디코더로 확인했을 때 모두 고른 횟수와 같았습니다.
GIF가 만들어지는 과정
사진을 한 장씩 정한 폭으로 줄여 같은 크기의 틀에 놓은 뒤, 장면마다 가장 잘 어울리는 256색을 골라 GIF 한 장면으로 압축합니다. 줄일 때는 고품질 축소를 씁니다. 브라우저 기본 설정으로 줄이면 폰 사진처럼 8배 가까이 줄일 때 가는 선과 글자가 뭉개지고 물결 무늬가 생기는데, 이 도구는 그 설정을 따로 켜 둡니다.
인코딩은 화면이 멈추지 않도록 별도의 작업 스레드 두 개에서 나눠 처리하고, 진행률을 막대로 보여줍니다. 장수가 많거나 폭이 크면 수십 초가 걸릴 수 있습니다.
설정
| 항목 | 내용 |
|---|---|
| 프레임 시간 | 한 장이 머무는 시간 0.1~3초. GIF는 1/100초 단위로 저장합니다 |
| 출력 폭 | 기본 480px. 원본·320px·240px 중 고를 수 있고, 높이는 첫 사진 비율을 따릅니다 |
| 재생 횟수 | 계속 반복, 또는 1·2·3·5번 재생 후 마지막 장면에서 멈춤 |
| 순서 | 목록의 위·아래 버튼으로 바꿉니다 |
용량을 줄이고 깔끔하게 만드는 요령
- •폭 480px이면 메신저와 SNS에서 충분합니다. 폰 사진을 원본 크기로 만들면 인코딩에 오래 걸리고 수십 MB짜리 GIF가 됩니다.
- •사진 비율을 미리 맞추세요. 비율이 다른 사진은 첫 사진 비율의 틀 안에 들어가고 남는 부분은 흰색으로 채워집니다.
- •장면이 급하게 바뀌면 보기 어렵습니다. 비교용이라면 0.8~1.5초, 동작을 보여주는 연속 사진이라면 0.1~0.2초가 무난합니다.
- •색이 단순한 캡처·일러스트가 사진보다 훨씬 작고 선명하게 나옵니다.
- •올릴 곳이 동영상이나 WebP를 받는다면 그쪽이 같은 내용을 훨씬 작게 담습니다. 영상에서 GIF를 만들려면 동영상 GIF 변환 도구를 쓰세요.
자주 묻는 질문
사진을 몇 장까지 넣을 수 있나요?
정해진 제한은 없지만, 장수와 크기가 늘어날수록 만드는 시간과 용량이 함께 늘어납니다. 목록 위에 한 번 재생에 걸리는 시간이 표시되니 참고하세요.
장면마다 머무는 시간을 다르게 할 수 있나요?
지금은 모든 장면에 같은 시간이 적용됩니다. 특정 장면을 길게 보여주고 싶다면 같은 사진을 두세 번 연달아 넣으면 됩니다.
투명 배경 PNG는 어떻게 되나요?
투명한 부분은 흰색으로 채워집니다. GIF의 투명은 켜고 끄기 두 단계뿐이라 반투명 가장자리가 지저분해지기 쉽기 때문입니다.
사진이 서버로 전송되나요?
아니요. GIF 인코딩까지 모두 브라우저 안에서 이루어집니다.