시작은 불편함에서
안녕하세요. 이 사이트를 만든 개발자입니다. 메인 화면에 있는 안경 쓴 친구가 저 대신 인사드려요.
![]()
평소에 일이나 개인 프로젝트를 하면서 동영상을 GIF로 바꿀 일이 자주 있었어요. 버그 리포트를 쓸 때, 튜토리얼 문서를 만들 때, 블로그에 글을 쓸 때.. 생각보다 GIF가 필요한 순간이 많더라고요.
기존 서비스를 쓰면서 걸렸던 점
처음에는 당연히 온라인 GIF 변환 사이트를 썼습니다. 그런데 쓰면 쓸수록 불편한 점이 눈에 들어왔어요.
모르는 서버에 내 영상을 올린다는 찜찜함
대부분은 외국 서버에 파일을 올리는 방식이었습니다. 개인 영상이나 회사 화면을 변환할 때마다 “이 파일은 어디에 저장되는 걸까?”, “제대로 지워지긴 하는 걸까?” 하는 생각이 들었어요.
생각보다 느린 속도
파일을 올리고, 서버에서 처리하고, 다시 받는 과정.. 짧은 영상 하나 바꾸는 데도 꽤 기다려야 했습니다. 인터넷이 느린 곳에서는 답답할 정도였고요. 그렇게 기다려서 받은 결과물이 썩 마음에 들지 않을 때도 많았습니다.
아쉬운 화질
무료 서비스는 화질 설정이 제한적이었어요. 고화질로 받으려면 결제를 하거나, 설정이 너무 복잡했습니다. 그냥 “적당히 좋은 화질”로 빨리 만들고 싶은데 그게 잘 안 되더라고요.
무료인 듯 유료인 구조
처음엔 무료지만 조금만 제대로 쓰려고 하면 결제를 요구하는 곳이 많았습니다. GIF 몇 개 만들자고 월 구독을 하기엔 솔직히 아깝고요.
그래서 직접 만들기로 했습니다
“근데 이 정도면 브라우저에서도 충분히 되지 않나?”
요즘은 브라우저만으로도 꽤 무거운 작업을 할 수 있게 됐습니다. 이것저것 찾아보다가 “그럼 내가 만들어 보자” 싶었어요.
그래서 이 사이트는 이렇게 만들었습니다.
- 파일을 서버에 올리지 않습니다. 변환은 전부 지금 쓰고 계신 브라우저 안에서 일어나요. 회사 자료든 개인 영상이든 내 컴퓨터를 떠나지 않습니다.
- 업로드, 다운로드를 기다릴 필요가 없습니다. 파일을 고르면 바로 변환이 시작돼요. 대신 내 기기 성능을 쓰기 때문에 오래된 기기에서는 느릴 수 있습니다.
- 설정은 알아서 맞춰 줍니다. 처음에는 프레임 간격, 크기, 품질, FPS를 직접 넣게 했는데, 써 보니 숫자 네 개를 맞추는 것부터가 일이더라고요. 지금은 영상 길이와 해상도에 맞춰 자동으로 정하고, “저사양~고사양” 눈금 하나만 옮기면 되게 바꿨어요. 각 단계가 어떻게 정해지는지는 설정 정리 글에 적어 뒀습니다.
- 무료입니다. 서버에서 변환을 하지 않으니 운영비가 거의 안 들어요. 사이트 유지를 위해 광고가 붙어 있지만, 기능을 막아 두는 일은 없을 거예요.
기술적으로는 어떻게?
처음에는 ffmpeg를 WebAssembly로 컴파일한 ffmpeg.wasm을 생각했는데, 여러 방법을 직접 비교해 보다가 지금은 gifski라는 GIF 인코더를 쓰고 있습니다. 색감 차이가 꽤 나더라고요. 그 과정은 개발기에 정리해 두었습니다.
앞으로의 계획
처음에 이 글을 쓸 때 적어 둔 계획 중 두 개는 만들었어요.
GIF 자르기→ GIF 자르기 페이지로 추가텍스트 추가→ 변환 후 “텍스트 설정”에서 가능- 정사각형, 세로형 같은 비율 프리셋
- 여러 파일 한 번에 변환
- GIF 합치기
써 보시다가 “이게 있으면 좋겠다” 싶은 기능이 생기면 알려 주세요. 요청이 많은 것부터 하나씩 만들어 보겠습니다.
마치며
결국 이 프로젝트는 “내가 쓰고 싶은 도구”를 만드는 데서 시작했어요. 저랑 비슷한 불편함을 겪는 분들이 있을 것 같아서 공개했고, 많이 써 주시면 정말 기쁠 것 같습니다.
불편한 점이나 추가했으면 하는 기능이 있으면 문의하기나 아래 댓글로 언제든 편하게 말씀해 주세요.
💬 댓글
자유롭게 의견을 나눠주세요