동영상 GIF 변환기
동영상을 올리면 브라우저 안에서 바로 GIF로 바꿔 드려요.
파일은 서버로 가지 않고, 회원가입도 필요 없어요.
사용 방법
-
동영상 고르기
위 상자에 동영상을 끌어다 놓거나 눌러서 고르세요. MP4, MOV, WebM처럼 브라우저에서 재생되는 파일이면 대부분 됩니다. 파일은 서버로 올라가지 않아요.
-
GIF 확인하기
고르자마자 이 영상의 길이와 해상도에 맞춘 설정으로 GIF가 만들어집니다. 짧은 영상은 몇 초면 끝나요.
-
필요하면 화질 조절하기
더 가볍게, 또는 더 선명하게 만들고 싶으면 화질 눈금을 저사양~고사양 사이에서 옮기세요. 놓는 순간 그 단계에 맞게 다시 만들어요. 텍스트 설정에서는 글자를 넣고, 만들어진 GIF 위에서 끌어서 위치를 옮길 수 있습니다.
-
저장하기
GIF 다운로드를 누르면 끝입니다. 일부 구간만 남기고 싶으면 GIF 자르기에서 잘라 보세요.
자주 묻는 질문
어떤 동영상 포맷을 지원하나요?
브라우저에서 재생되는 형식이면 됩니다. MP4(H.264)는 거의 모든 브라우저에서 되고, MOV, WebM, MKV는 브라우저에 따라 다를 수 있어요. 안 열리면 MP4로 바꿔서 다시 해 보세요.
파일 크기 제한이 있나요?
정해진 제한은 없어요. 다만 변환을 기기 메모리로 하기 때문에 길고 큰 영상은 브라우저가 버벅일 수 있습니다. GIF로 쓸 부분만 먼저 잘라서 올리는 게 제일 좋아요.
내 파일이 서버에 저장되나요?
아니요. 영상은 브라우저 안에서만 읽고 변환하고, 어디로도 보내지 않습니다. 개발자 도구로 직접 확인하는 방법을 이 글에 적어 두었어요.
화질 눈금은 뭐가 달라지나요?
왼쪽(저사양)으로 갈수록 가로 크기와 초당 장수가 줄어서 파일이 가볍고 빨리 만들어지고, 오른쪽(고사양)으로 갈수록 크고 부드러운 대신 무거워져요. 어느 단계든 원본과 같은 속도로 재생되고, 긴 영상은 기기에 무리가 가지 않게 알아서 줄여서 만들어요.
이럴 때 쓰면 좋아요
📝 블로그, 문서
글로 설명하기 애매한 클릭 과정이나 화면 변화를 짧게 보여 줄 때요. 티스토리, 네이버 블로그, 노션에 이미지처럼 올라갑니다.
🐛 버그 리포트
재현 과정을 녹화해서 GitHub 이슈나 Jira에 붙이면, 받는 사람이 영상 파일을 따로 열 필요가 없어요.
💬 메신저, 커뮤니티
웃긴 장면을 짤로 만들 때요. 짧게 자르고 가로를 400px대로 줄이면 가볍게 보낼 수 있어요.
🎓 발표 자료
파워포인트나 구글 슬라이드에 GIF를 넣으면 동영상 파일 없이도 움직이는 장면을 보여 줄 수 있어요.
🎨 포트폴리오
앱 화면 흐름이나 인터랙션을 정지 화면 대신 움직이는 그대로 보여 줄 때 좋아요.
📧 이메일
메일 본문에서 동영상은 거의 재생되지 않지만 GIF는 대부분 돌아갑니다. 어떤 걸 고를지는 GIF와 동영상 비교 글을 참고하세요.
화질 눈금은 이렇게 정해져요
예전에는 프레임 간격, 가로 크기, 품질, FPS를 직접 넣어야 했는데, 헷갈리기 쉬워서 영상에 맞춰 자동으로 정하도록 바꿨어요. 단계마다 기준은 아래와 같고, 원본보다 크게 키우지는 않아요.
| 단계 | 긴 쪽 최대 | 초당 장수 | 품질 |
|---|---|---|---|
| 저사양 | 320px | 5장 | 70 |
| 조금 가볍게 | 400px | 10장 | 80 |
| 균형 | 540px | 10장 | 90 |
| 조금 선명하게 | 720px | 20장 | 90 |
| 고사양 | 900px | 25장 | 100 |
어느 단계든 장면을 뽑는 간격과 재생 속도를 맞춰서 항상 원본과 같은 속도로 재생돼요. 영상이 길면 브라우저 메모리가 버티도록 초당 장수를 먼저 낮추고, 그다음 가로 크기를 줄여요. 휴대폰처럼 메모리가 적은 기기는 한 단계 낮게 시작합니다.
용량은 장면 수와 크기가 거의 다 정해요. 같은 4.5초 영상으로 실험해 보니 장면 수가 절반이 되면 용량도 거의 절반이 됐어요.
세상 많은 변환기를 두고도
이 사이트를 만든 이유
내가 GIF 변환 도구를 만든 이유
내가 더 잘 만들겠는데? 동영상을 GIF로 바꿀 때마다 느꼈던 불편함을 해결하려고 브라우저에서 돌아가는 변환기를 만들게 된 이야기입니다.
개발자의 이야기 읽어보기 →