# 딱 그 프레임으로 동영상 썸네일을 만드는 방법

썸네일과 스크린샷의 차이는 대략 4분의 1초입니다. 눈이 떠져 있고 공이 아직 공중에 있는 프레임이죠. 그 프레임에, 플랫폼의 크기로, 용량 상한 아래로 도달하는 일은 전부 브라우저 안에서 도는 세 단계의 연결입니다.

마지막 업데이트 2026년 8월 26일

## 짧은 답

1. **프레임을 집습니다.** [프레임 추출기](https://abox.tools/ko/동영상-캡처/)를 열고 동영상을 끌어다 놓은 뒤, 파일 자체의 프레임 목록을 따라 정확한 순간까지 이동합니다. PNG로 저장하세요. 무손실 사본이라 아직 아무것도 결정되지 않은 상태입니다.
2. **프레임을 담습니다.** 그 PNG를 [이미지 크기 조절](https://abox.tools/ko/이미지-크기-조절/)로 가져가 플랫폼의 모양대로 자르고 — 유튜브라면 16:9 — 긴 변을 고정합니다. 1280픽셀이 유튜브가 실제로 요구하는 숫자입니다.
3. **상한에 맞춥니다.** [이미지 압축](https://abox.tools/ko/이미지-압축/)에서 플랫폼의 한도를 목표로 넣고 — 유튜브 썸네일이라면 2 MB — JPEG냐 WebP냐는 도구가 고르게 두세요.

이 연결의 어느 고리도 아무것도 업로드하지 않습니다. 동영상이 아직 공개되지 않았을 때 중요한 점이고, 썸네일이란 본래 동영상이 아직 공개 전이라서 만드는 것이니까요.

## 일시정지보다 프레임 이동이 나은 이유

플레이어를 멈추고 스크린샷을 찍으면 두 번 집니다. 정지는 플레이어가 멈출 수 있었던 자리 — 여러분이 의도한 프레임이 아니라 가장 가까운 지점 — 에 떨어지고, 스크린샷은 플레이어의 사진입니다. 파일이 아니라 플레이어의 해상도, 인터페이스, 색 처리가 찍히죠.

추출기는 대신 파일 자체의 프레임 목록을 양방향으로 한 프레임씩 걸으며, 디코딩된 프레임 그 자체를 동영상의 원본 해상도로 건네줍니다. 그 순간의 앞뒤 4분의 1초를 뒤지는 것이 보통 썸네일이 사는 곳입니다. 뻔한 두 프레임 *사이*, 움직임이 읽히면서 아무것도 흔들리지 않은 프레임 말입니다.

최종 썸네일이 JPEG나 WebP가 되더라도 집은 프레임은 PNG로 저장하세요. PNG는 프레임의 정확한 사본이라, 손실이 따르는 결정이 두 번 겹쳐 쌓이는 대신 맨 끝에서 용량 예산 안에서 단 한 번만 일어납니다.

![타임코드가 보이는 영상의 정지 화면과, 그 옆의 한 프레임씩 옮기는 조작과 스크럽 막대, 그리고 뽑아 온 정확한 시각.](https://abox.tools/screens/make-a-video-thumbnail/frame.webp)

멈춰 세우고 화면을 찍는 대신 그 프레임까지 걸어가는 것입니다. 차이가 실제로 무엇인지는 위의 절이 말합니다.

## 플랫폼의 산수

압축보다 자르기가 먼저입니다. [사진 가이드](https://abox.tools/ko/가이드/웹에-올릴-사진-준비/)가 든 이유와 같습니다. 픽셀이 곧 예산입니다. 4K 프레임에서 16:9로 잘라 ⁦1280×720⁩으로 내리면, 압축기는 2 MB를 아무도 눈을 찡그릴 필요 없는 화질에 쓰게 됩니다. 크기 조절 도구의 자르기 틀은 16:9에 고정되므로 비율은 계산이 아니라 드래그 한 번이고, 글자와 얼굴은 가운데 3분의 2 안에 두는 것이 좋습니다. 피드가 모서리를 둥글리고 오른쪽 아래에 재생 시간을 얹기 때문입니다.

![크기 조정 도구에 너비 1280과 높이 720이 입력되어 있고, 정지 화면이 어떻게 나올지의 요약이 있다.](https://abox.tools/screens/make-a-video-thumbnail/size.webp)

그다음은 산수입니다. 플랫폼이 요구하는 값이 무엇이든 두 개의 숫자로 적어 넣으면 됩니다.

## 순간이 안 찾아질 때는 밀착 인화지

맞는 순간이 10분짜리 촬영본 어딘가에 숨어 있다면, 추출기의 다른 모드가 N초마다 정지 화면을 저장해 한 묶음을 ZIP으로 건네줍니다. 밀착 인화지 넘기듯 훑어보고, 가장 가까운 것의 시각을 적어 두고, 거기서부터 프레임 단위로 이동하세요. 재생 바를 문지르는 것보다 빠르고, 플랫폼이 다른 비율을 요구하는 날을 위한 후보 폴더도 하나 남습니다.

## 매주 하는 일이라면

단계들이 여기서 세 페이지에 사는 것은 의도된 일입니다. 페이지마다 한 가지 일을 하고, 각자 혼자서 아무것도 컴퓨터를 떠나지 않음을 증명할 수 있습니다. 하지만 모든 단계가 오픈 소스입니다. MIT 라이선스, 도구마다 폴더 하나, 디코더와 리샘플링과 용량 목표 탐색을 설명하는 README가 딸린 의존성 없는 ES 모듈.

썸네일이 매주 나가는 결과물이라면, 코드 에이전트를 [저장소](https://github.com/A-Box-of-Tools/website)로 보내 한 페이지 판을 만들어 달라고 하세요. 프레임 이동, 여러분의 플랫폼 프리셋으로 자르기, 그 상한까지 압축, 버튼 하나. 모듈은 읽히기 위해 쓰였고, 가져가는 것이야말로 라이선스가 존재하는 이유입니다.