GIF 제작기
애니메이션 GIF는 Slack의 반응, README의 짧은 튜토리얼, 랜딩 페이지의 제품 마이크로인터랙션을 빠르게 보여주는 데 여전히 편리합니다. 이 GIF 제작기는 PNG/JPG 프레임이나 잘라낸 MP4를 256색 반복 GIF로 합치고, 다운로드 전에 fps, 캔버스 크기, 반복 횟수를 조정할 수 있게 해줍니다.
GIF 만드는 방법
-
1
프레임 추가
PNG/JPG 이미지를 순서대로 업로드하거나, 짧은 MP4를 추가해 프레임을 추출합니다.
-
2
프레임률 설정
UI 데모에는 8–12 fps, 더 부드럽고 영상 같은 움직임에는 15–24 fps를 사용하세요.
-
3
크기와 반복 선택
캔버스 크기를 조정하고 GIF가 무한 반복될지, 정해진 횟수 뒤 멈출지 선택합니다.
-
4
내보내고 다운로드
도구가 팔레트를 최적화해 애니메이션을 인코딩하고 하나의 .gif 파일을 반환합니다.
GIF 형식의 한계
| 항목 | 한계 또는 동작 |
|---|---|
| 색 깊이 | 프레임당 256색(8비트 팔레트) |
| 알파 투명도 | 1비트 투명도: 각 픽셀은 완전히 투명하거나 완전히 불투명합니다 |
| 프레임 지연 | 10 ms 단위로 저장되므로 “60 fps GIF”도 실제로는 약 50 fps가 한계입니다 |
| 압축 | LZW 압축, 평면 그래픽과 UI 녹화에서 특히 효율적입니다 |
| 파일 크기 | 공식 제한은 없지만 많은 브라우저와 채팅 앱은 약 10 MB를 넘으면 처리에 어려움을 겪습니다 |
파일을 작게 유지하는 팁
- 핵심 움직임만 남기세요. 대부분의 리액션 GIF는 1–3초일 때 가장 쓰기 좋습니다.
- 내보내기 전에 크기를 줄이세요. Slack, X/Twitter, Notion, 문서 페이지에는 폭 480 px 정도면 충분한 경우가 많습니다.
- 색보다 프레임을 먼저 줄이세요. fps를 절반으로 낮추면 파일 크기가 크게 줄어드는 경우가 많고, 팔레트를 256색에서 64색으로 줄이면 그라데이션 손상이 눈에 띌 수 있습니다.
- 깔끔한 배경을 사용하세요. 화면 녹화와 평면 UI 애니메이션은 노이즈가 많은 영상보다 훨씬 잘 압축됩니다.
MP4 또는 WebM이 더 나은 경우
X/Twitter, Discord, 최신 웹페이지처럼 짧은 자동 재생 영상을 지원하는 곳이라면 MP4(H.264)나 WebM(VP9)이 같은 시각 품질의 GIF보다 5–10배 작을 수 있습니다. GIF는 채팅, 이메일, 이슈 추적기, 이미지를 기준으로 처리하는 오래된 문서 시스템에서 여전히 유용합니다.
자주 묻는 질문
GIF는 256색으로 제한되고 팔레트 기반 이미지 형식을 사용합니다. 부드러운 그라데이션은 디더링 노이즈로 바뀔 수 있고, 피부 톤에는 띠 현상이 생기기 쉽습니다. 더 깔끔한 결과를 원하면 움직임의 세부 묘사를 줄이거나 장면을 자르거나, 대상 플랫폼이 지원한다면 MP4/WebM을 사용하세요.
가능하지만 GIF는 1비트 투명도만 지원합니다. 픽셀은 완전히 투명하거나 완전히 불투명해야 하므로, 부드럽게 처리된 가장자리가 다른 배경에서 톱니처럼 보일 수 있습니다. 부드러운 알파가 필요하면 APNG 또는 WebP를 사용하세요.
12–15 fps가 실용적인 기본값입니다. 움직임은 읽기 쉽고 파일은 지나치게 커지지 않으며, GIF를 영상으로 변환하는 플랫폼도 이 범위를 잘 처리합니다.
인코딩은 페이지 안에서 실행되고 완성된 GIF가 다운로드로 제공됩니다. 원본 프레임은 내보내기 후 저장되지 않습니다.
관련 도구
PNG를 SVG로 벡터화
브라우저에서 PNG 래스터 이미지를 SVG 패스로 변환합니다. 로고, 아이콘, 선화에 적합하며 임계값, 색상 수, 스무딩을 조절할 수 있습니다.
티어 리스트 만들기
텍스트와 기기 내 이미지로 비공개 티어 리스트를 만드세요. 행을 꾸미고 드래그나 키보드로 순위를 정한 뒤 JSON, PNG 또는 SVG로 내보낼 수 있습니다.
그래피티 글자 생성기
태그, 버블, 블록, 스텐실, 네온, 와일드 효과로 글자를 꾸미세요. 색상을 조절하고 브라우저에서 PNG 또는 SVG로 내보낼 수 있습니다.
QR 코드 생성기
텍스트 또는 URL로 브라우저 안에서 QR 코드를 만들고 PNG로 다운로드하세요.
대량 이미지 리사이저
여러 이미지를 끌어다 놓고 목표 크기에 맞추거나 늘린 뒤 JPG, PNG, WebP 파일을 하나의 ZIP으로 내보냅니다. 처리는 브라우저 안에서 끝납니다.
밈 이미지 생성기
JPG, PNG, WebP 이미지에 고정된 위아래 문구를 넣고 글꼴, 색상, 외곽선을 조절한 뒤 브라우저에서 PNG로 저장하세요.