GIF 제작기
애니메이션 GIF는 Slack의 반응, README의 짧은 튜토리얼, 랜딩 페이지의 제품 마이크로인터랙션을 빠르게 보여주는 데 여전히 편리합니다. 이 GIF 제작기는 PNG/JPG 프레임을 256색 반복 GIF로 합치고, 다운로드 전에 프레임을 재배열하고 속도·반복·품질·캔버스 크기를 조정할 수 있게 해줍니다.
GIF 만드는 방법
-
1
프레임 추가
PNG/JPG 이미지를 순서대로 업로드하세요. 애니메이션은 그 순서대로 재생됩니다.
-
2
프레임 지연 설정
타이밍은 밀리초 단위의 프레임 지연으로 저장됩니다. 80 ms는 약 12 fps로 부드러운 UI 움직임에, 500 ms는 약 2 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를 사용하세요.
Slack이나 X/Twitter에는 12–15 fps가 실용적이며, 이는 약 65–85 ms의 프레임 지연에 해당합니다. 이 도구는 슬라이드쇼에 맞는 150 ms(약 6.7 fps)로 시작합니다. 더 매끄러운 UI 움직임에는 부드러움 프리셋을 고르거나 80을 입력하세요.
아니요. 이미지는 브라우저 밖으로 나가지 않습니다. 로컬에서 읽히고 페이지 안에서 GIF로 인코딩된 뒤 바로 다운로드되므로 어떤 서버로도 전송되지 않습니다. 여러 단계로 진행되는 흐름에서는 단계 사이를 오갈 수 있도록 프레임과 완성된 GIF를 이 탭의 세션 저장소에 임시 보관하며, 처음부터 다시 시작하거나 프레임을 지우거나 탭을 닫으면 임시 복사본이 사라집니다.
관련 도구
Material Design 색상 선택기
Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.
십자수 도안 만들기
JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.
이미지 포맷 변환기
브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.
Pantone to HEX 변환기
화면과 인쇄 매칭을 위해 Pantone PMS 색상을 가장 가까운 HEX, RGB, CMYK 값으로 변환하고 견본 미리보기를 제공합니다.
이미지 색상 반전
이미지의 모든 RGB 채널을 반전시켜 네거티브를 생성합니다. 창의적인 편집이나 필름 스캔본을 확인하는 데 유용합니다.
모눈종이 생성기
인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.
이 도구는 다른 언어로도 제공됩니다
- GIFメーカー [JA]
- Creador de GIF [ES]
- GIF-skapare [SV]
- ตัวสร้าง GIF [TH]
- Trình tạo GIF [VI]
- GIF-maker [NL]
- Kreator GIF [PL]
- GIF-Ersteller [DE]
- Criador de GIF [PT]
- Pembuat GIF [ID]
- منشئ ملفات GIF [AR]
- Créateur de GIF [FR]
- GIF Maker [EN]
- Creatore di GIF [IT]
- Создание GIF [RU]
- GIF Oluşturucu [TR]
- GIF 制作器 [ZH]