본문으로 건너뛰기

웹사이트를 스크롤 GIF로 만드는 법

URL로 웹페이지가 스크롤되는 움직이는 GIF를 만들고, 메일, 문서, README에 넣을 수 있을 만큼 파일을 작게 유지하는 법. GIF를 써야 할 때와 MP4가 더 나은 때.

Aviral Lakhanpaul 업데이트2분 분량

짧은 답

Website Scroll Video처럼 GIF로 내보낼 수 있는 도구에 페이지 URL을 붙여넣고, 스크롤은 20초 미만, 720p나 1080p, 24 fps 이하로 맞춘 뒤 내보내세요. GIF는 메일이나 일부 문서처럼 영상이 재생되지 않는 곳에 알맞습니다. 그 밖의 곳에서는 같은 스크롤의 MP4나 WebM이 더 선명하고 몇 배나 작습니다.

GIF가 알맞은 경우

GIF는 프레임마다 256색 팔레트를 쓰는 오래된 형식이고, 압축 방식도 움직이는 사진을 위해 만들어진 것이 아닙니다. 그라데이션과 이미지가 가득한 요즘 웹사이트의 스크롤은 GIF에게 거의 최악의 경우입니다. 그래도 GIF가 살아남은 것은 플레이어도, 클릭도, 자동 재생 규칙도 없이 거의 어디서나 재생되기 때문입니다.

  • GIF를 쓰세요. 고객에게 보내는 메일이나 뉴스레터, GitHub README나 이슈, 영상을 넣을 수 없는 문서와 위키, GIF를 대화창에서 바로 보여 주는 채팅 앱에서.
  • MP4나 WebM을 쓰세요. 내 웹사이트, 소셜 미디어 게시물, 포트폴리오, 그리고 <video> 태그가 작동하는 모든 곳에서. 움직임은 같고, 색은 더 좋고, 크기는 몇 분의 일입니다.

GIF 만들기

  1. URL 붙여넣기

    홈페이지에 주소를 붙여넣고 페이지가 불러와지기를 기다리세요. 쿠키 배너와 채팅 위젯은 캡처 전에 제거됩니다.

  2. 형식으로 GIF 고르기

    GIF가 감당할 수 없는 설정은 자동으로 제한됩니다. 최대 24 fps, 최대 1080p, 최대 20초입니다.

  3. 짧고 완만하게

    스크롤을 페이지의 중요한 부분으로 줄이고, 움직임은 느리게 유지하세요. 24 fps에서 빠르게 스크롤하면 글자가 번지는데, 이것은 영상보다 GIF에서 더 눈에 띕니다.

  4. 미리보기 후 내보내기

    미리보기는 무료입니다. 마음에 들면 내보내세요. GIF는 다른 파일처럼 다운로드됩니다.

파일을 작게 유지하기

GIF의 크기는 픽셀이 많을수록, 프레임이 많을수록, 바뀌는 색이 많을수록 커집니다. 영향이 큰 순서대로 대략 이렇습니다.

스크롤 GIF를 크게 만드는 요소
설정더 작은 파일이유
해상도1080p 대신 720p프레임당 픽셀이 절반도 안 됨
길이6~10초1초마다 전체 프레임이 24개씩 늘어남
프레임 레이트24 fps 이하GIF에는 움직임 압축이라 할 만한 것이 없음
배경노이즈 없는 단색필름 그레인과 사진은 매 프레임 모든 픽셀을 바꿈
페이지더 짧은 스크롤 구간프레임당 움직임이 적어 새 픽셀도 적음

웹사이트 GIF를 만드는 다른 방법

  • 화면을 녹화한 뒤 변환기나 ffmpeg 같은 도구로 GIF로 바꾸기. 비공개 페이지에도 쓸 수 있지만, 스크롤은 내 손이 고른 만큼만 고릅니다.
  • Puppeteer나 Playwright로 캡처를 스크립트화해, 페이지가 스크롤되는 동안 스크린샷을 찍고 이어 붙이기. 완전히 제어할 수 있지만 관리할 코드가 생깁니다.
  • 무료 온라인 URL GIF 변환 도구. 여러 가지가 있고 설정은 더 적습니다. 영상도 만들 수 있는 도구들은 대안 비교 페이지에서 비교합니다.

내 사이트로 직접 해 보세요

링크를 붙여넣고 스크롤을 무료로 미리 보세요. 가입하면 무료 크레딧 51개, 카드 등록 없음, 내보내는 영상 어디에도 워터마크가 없습니다.

최근 검색

    자주 묻는 질문

    이어서 자주 묻는 것들에 짧게 답합니다.

    문의하기
    웹사이트가 스크롤되는 GIF는 어떻게 만드나요?

    GIF로 내보낼 수 있는 URL 영상 변환 도구에 URL을 붙여넣고, 스크롤을 짧게 맞춘 뒤 내보내세요. 아니면 스크립트로 페이지를 스크롤하면서 화면을 녹화하고, 그 녹화본을 GIF로 변환하세요.

    웹사이트 GIF가 왜 이렇게 큰가요?

    GIF는 거의 모든 프레임을 통째로 저장하기 때문에 해상도, 길이, 프레임 레이트가 곱해집니다. 720p로 낮추고, 10초 미만으로 유지하고, 사진이나 노이즈가 있는 배경은 피하세요.

    GIF는 메일에서 재생되나요?

    대부분의 메일 앱에서는 재생되며, 이것이 GIF를 고르는 가장 큰 이유입니다. 일부 데스크톱 메일 앱은 첫 프레임만 보여 주니, 첫 프레임만으로도 내용이 전달되게 하세요.

    Website Scroll Video 로고. 브라우저 창 속 웹페이지 위에 놓인 재생 버튼.

    녹화에 쓰는 시간은 줄이고, 만드는 시간은 늘리세요.

    맞춤형 움직임과 똑똑한 컨트롤, 그리고 요즘 창작자를 위한 내보내기 옵션으로 사이트 녹화를 자동화하세요.