짤 만들기
짧은 GIF에 큰 글자와 검은 외곽선을 얹습니다. 브라우저 시스템 글꼴을 쓰기 때문에 중국어 글자도 그대로 그려집니다.
Guide
GIF 도구 모음은 움짤을 둘러싼 네 가지 잔일을 한곳에서 처리합니다. “사진으로 GIF 만들기”, “프레임 분리”, “글자 넣기”, “속도 조절”입니다. 합치기는 브라우저 canvas에서 이미지를 첫 장 비율로 맞춘 뒤 ffmpeg의 2패스 팔레트로 GIF를 만들고, 프레임 분리는 GIF/APNG/움직이는 WebP를 PNG 묶음으로 풀며, 글자 넣기는 프레임 레이트를 통일해 프레임을 나눈 다음 브라우저 시스템 글꼴로 한 장씩 글자를 그려 다시 합성하고, 속도 조절은 프레임 시간을 다시 계산합니다.
2026-09-10 업데이트2 min read
GIF 도구 모음은 움짤을 둘러싼 네 가지 잔일을 한곳에서 처리합니다. “사진으로 GIF 만들기”, “프레임 분리”, “글자 넣기”, “속도 조절”입니다. 합치기는 브라우저 canvas에서 이미지를 첫 장 비율로 맞춘 뒤 ffmpeg의 2패스 팔레트로 GIF를 만들고, 프레임 분리는 GIF/APNG/움직이는 WebP를 PNG 묶음으로 풀며, 글자 넣기는 프레임 레이트를 통일해 프레임을 나눈 다음 브라우저 시스템 글꼴로 한 장씩 글자를 그려 다시 합성하고, 속도 조절은 프레임 시간을 다시 계산합니다.
네 갈래는 처리 방식이 서로 다릅니다. 합치기는 최대 60장까지 고르고 폭은 320/480/640px만 됩니다. 글자 넣기는 300프레임이 상한입니다. 속도는 0.25x–4x 범위이고 가속 결과가 50 fps를 넘으면 자동으로 50 fps로 낮춥니다. ffmpeg를 쓰는 경로는 브라우저 안 단일 스레드 ffmpeg.wasm이 실행합니다.
| 입력 | 출력 | 설명 |
|---|---|---|
상품 사진 PNG 8장 |
폭 480px, 프레임당 0.5초짜리 반복 GIF |
높이는 첫 이미지 비율을 따르고 남는 영역은 고른 배경으로 채움 |
12 fps 짧은 GIF에 “퇴근” 글자 넣기 |
시스템 글꼴로 프레임마다 글자를 얹어 다시 합성한 GIF |
최대 300프레임까지 처리 |
20 fps GIF를 3x로 |
이론상 60 fps가 50 fps로 제한됨 |
프레임을 자동으로 버림 |
짧은 GIF에 큰 글자와 검은 외곽선을 얹습니다. 브라우저 시스템 글꼴을 쓰기 때문에 중국어 글자도 그대로 그려집니다.
여러 장의 사진을 순서대로 정렬하고 표시 시간을 똑같이 줘서 빠르게 GIF로 합칩니다.
GIF/APNG/움직이는 WebP를 PNG 묶음으로 풀어 한 장씩 편집합니다.
0.5x로 느리게 만들어 슬로 모션처럼 쓰거나 2x–4x로 늘어지는 시연을 짧게 줄입니다.
프레임 분리는 이미지 내용만 내보내고 프레임마다 다를 수 있었던 표시 시간을 보존하지 않습니다. 다시 합치면 모든 프레임이 같은 길이로 처리됩니다.
먼저 프레임을 나눈 뒤 브라우저 canvas에서 시스템 글꼴로 한 장씩 글자를 그리는 방식입니다. wasm 빌드에 중국어 글꼴 리소스가 없기 때문입니다.
이미지와 움짤은 모두 브라우저 안에서 canvas와 ffmpeg.wasm이 처리하고 업로드되지 않습니다. ffmpeg 경로를 처음 부를 때 사이트 리소스 도메인이나 jsDelivr에서 약 31–32 MB짜리 단일 스레드 core를 내려받습니다.
2026-09-10 업데이트
여러 이미지로 GIF 만들기, 프레임 분리 내보내기, 자막 텍스트 추가, 속도 조절까지 한곳에서
모든 처리는 브라우저 로컬에서 완료되며 파일은 어떤 서버에도 업로드되지 않습니다