화면 녹화 → GIF

이 도구로 할 수 있는 일

화면, 창, 브라우저 탭 중 하나를 녹화해 GIF로 만듭니다. 녹화할 영역을 직접 지정할 수 있고, 녹화 뒤에 구간을 자르고 크기와 색상 수를 정해 저장합니다. 사용법 영상이나 버그 재현 영상을 GIF로 만들 때 씁니다.

사용 순서

1. "① 공유할 화면 선택"을 눌러 브라우저의 선택창에서 녹화할 화면, 창 또는 탭을 고르고 허용합니다.
2. 필요하면 미리보기 위를 드래그해 녹화할 영역을 지정합니다. 초당 프레임, 녹화 가로, 최대 녹화 시간, 대기 시간도 정합니다.
3. "② 녹화 시작"을 누릅니다. 대기 시간 동안 숫자가 나오고, 끝나면 녹화가 시작됩니다. 필요하면 "일시정지"로 멈출 수 있습니다.
4. "녹화 종료"를 누르거나 최대 시간이 지나면 편집 단계로 넘어갑니다. 슬라이더와 "재생"으로 확인하며 시작/끝 프레임을 정합니다.
5. 가로 크기, 반복, 최대 색상 수를 정하고 "GIF 만들기"를 누른 뒤 "다운로드"를 누릅니다.

설정 설명

• 초당 프레임: 10~60입니다. GIF는 한 프레임이 최소 0.02초라서 초당 50프레임을 넘는 부분은 합쳐집니다.
• 녹화 가로: 320, 480, 640, 800, 1024 중에서 고릅니다. 지정한 영역이나 화면이 이보다 작으면 그대로 쓰고, 크면 이 가로로 줄입니다.
• 최대 녹화 시간: 1~60초입니다. 시간이나 메모리 한도(약 300MB)에 먼저 닿으면 자동으로 끝납니다.
• 시작 전 대기와 음성 안내: 대기 시간(바로 시작, 3, 4, 5초)에 숫자를 세고, 음성 안내를 켜면 숫자를 소리로 읽어 줍니다.
• 녹화 가능 시간 안내: 현재 설정으로 대략 몇 초까지 녹화할 수 있는지 보여 줍니다.
• 시작/끝 프레임: 녹화된 프레임 번호(1부터)로 GIF로 만들 구간을 정합니다.
• 반복, 최대 색상 수(처음에는 128), 디더링: GIF 만들기와 같은 방식입니다.

동작 원리

브라우저의 화면 공유 기능으로 받은 영상을 정해진 간격으로 캡처합니다. 메모리를 아끼려고 이전 프레임과 비교해 바뀐 부분의 사각형만 저장하고, 화면이 그대로면 프레임을 새로 저장하지 않고 앞 프레임의 표시 시간만 늘립니다. 60번째 프레임마다는 전체 화면을 저장해 두고 이를 기준으로 원하는 위치의 화면을 복원합니다. GIF를 만들 때는 프레임 간격을 0.01초 단위로 맞추고 0.02초보다 짧아지면 앞 프레임에 합친 뒤 하나의 색상표로 인코딩합니다. 녹화 타이머는 다른 창으로 옮겼을 때 브라우저가 늦추지 않도록 별도의 작업 스레드(Web Worker)에서 돌립니다.

알아두기

• 데스크톱 브라우저에서 보안 연결(HTTPS 또는 localhost)일 때만 동작합니다. 휴대폰과 태블릿에서는 사용할 수 없습니다. 화면 크기가 아니라 접속한 기기를 기준으로 판별하며, 모바일에서 "화면 선택"이나 "녹화 시작"을 누르면 "모바일 환경에서는 지원하지 않습니다" 알림이 뜹니다. 기기의 화면 녹화 기능으로 영상을 만든 뒤 동영상 → GIF 도구를 쓰세요.
• 소리는 녹화하지 않습니다.
• 녹화 중에 이 탭을 닫으면 녹화 내용이 사라집니다. 브라우저의 "공유 중지"를 누르면 녹화가 끝납니다.
• 결과 파일 이름은 "screen_년월일시분초.gif"입니다.
• 탭을 닫으면 결과가 사라집니다.