고객 자료 준비: 영상
홈페이지에 영상을 넣으려면 고객이 원본 영상과 자막, 썸네일, 그리고 영상을 어디에 어떻게 쓸지를 함께 알려 주셔야 합니다. 같은 영상이라도 첫 화면 배경으로 조용히 반복할지, 재생 버튼을 눌러 소리와 함께 볼지에 따라 준비할 것과 개발 방식이 달라지기 때문입니다.
고객 자료 전반은 고객 자료 준비 가이드에 있습니다.
확인 기준. 2026년 9월 17일에 MDN Web Docs와 YouTube 고객센터 공식 문서를 확인해 작성했습니다.
넘겨 주실 것
- 원본 파일: 편집이 끝난 최종본을, 가지고 계신 것 중 가장 높은 화질로 보내 주세요. 메신저로 주고받은 파일은 압축되어 화질이 떨어질 수 있습니다. 파일 공유 서비스로 원본 그대로 전달해 주세요.
- 자막 파일: 자막이 있다면 영상에 입힌 것과 별도로 자막 파일을 주세요.
- 썸네일 이미지: 재생 전에 보일 대표 이미지입니다. 없으면 영상의 한 장면을 쓸지 협의합니다.
- 영상 용도: 아래 셋 중 어디에 해당하는지 알려 주세요.
- 홈페이지 배경, 자동 재생
- 소개 영상, 재생 버튼을 눌러 보기
- 유튜브 채널에 올리고 홈페이지에서 보여 주기
두 가지 방식의 차이
홈페이지에 직접 올리는 짧은 배경 영상
첫 화면 뒤에서 소리 없이 반복되는 영상입니다. 파일을 홈페이지에 직접 올리므로 파일이 클수록 첫 화면이 늦게 뜨고, 휴대폰 데이터도 많이 씁니다. 그래서 짧고 가볍게 만드는 것이 중요합니다.
소리는 넣지 않는 것을 전제로 합니다. 브라우저가 소리 있는 자동 재생을 막기 때문입니다. MDN은 일반적으로 자동 재생이 허용되는 조건 중 하나로 「The audio is muted or its volume is set to 0」을 들고, 「playback of any media that includes audio is generally blocked if the playback is programmatically initiated in a tab which has not yet had any user interaction」이라고 설명합니다. 방문자가 아직 페이지에서 아무것도 누르지 않았다면 소리 있는 영상은 일반적으로 저절로 재생되지 않는다는 뜻입니다.
유튜브 등에 올리고 페이지에 넣는 영상
영상은 유튜브 같은 서비스에 올리고, 홈페이지에는 그 재생 창을 넣는(임베드) 방식입니다. 영상 파일을 홈페이지가 직접 내보내지 않아 긴 영상이나 소리가 중요한 소개 영상에 맞습니다. 방문자가 재생 버튼을 눌러 보는 것을 전제로 합니다.
유튜브 채널에 올리는 일을 고객이 직접 하실지, 개발사가 맡을지는 미리 정해 주세요. 채널 계정은 고객 소유여야 나중에 관리가 끊기지 않습니다.
자막
홈페이지에 직접 올린 영상에 자막을 붙일 때 쓰는 HTML <track> 요소에 대해 MDN은 「The tracks are formatted in WebVTT format (.vtt files)」이라고 설명합니다. 즉 홈페이지용 자막은 WebVTT(.vtt) 형식입니다.
유튜브는 여러 형식을 받습니다. YouTube 고객센터의 지원 형식 목록에는 SubRip(.srt)과 WebVTT(.vtt)가 모두 있고, 자막 파일을 처음 만든다면 SubRip(.srt) 같은 기본 형식을 권합니다. 가지고 계신 자막 파일이 어떤 형식이든 먼저 보내 주시면 개발사가 필요한 형식을 확인합니다.
자막이 영상 화면에 이미 입혀져 있다면 끄거나 바꿀 수 없습니다. 다국어 자막이 필요하다면 입히지 않은 영상과 자막 파일을 따로 준비해 주세요.
음악과 촬영물의 사용 권리
영상에 아래가 들어 있다면 홈페이지에 공개해도 되는지 고객이 확인해 주세요.
- 배경음악: 구매하거나 허락받은 음악인지, 웹사이트와 유튜브 게시까지 쓸 수 있는지
- 촬영된 인물: 직원이나 고객이 얼굴이 보이게 나온다면 공개에 동의했는지
- 다른 회사의 로고나 제품: 화면에 드러나게 나온다면 문제가 없는지
외주 제작사가 만든 영상이라면 제작사에게 사용 범위를 물어보시는 것이 가장 빠릅니다. 사진의 경우는 고객 자료 준비: 인물과 공간 사진에 정리했습니다.
권장하는 방식
- 배경 영상은 짧게, 소리 없이 만듭니다. 전달하고 싶은 말은 영상 위 글자로 넣습니다.
- 고객은 원본 한 벌만 주시면 됩니다. 웹용으로 크기와 화질을 줄이는 작업은 개발사가 합니다. 줄인 파일만 받으면 나중에 다시 쓸 수 없으니 원본을 보관해 주세요.
- 소리와 설명이 중요한 영상은 유튜브 같은 서비스에 올려 넣는 방식을 권합니다.
영상 개수와 방식에 따라 작업 범위가 달라집니다. 견적 전에 홈페이지 제작 비용을 정하는 항목: 견적 전 체크리스트도 함께 보세요.
체크리스트
| 항목 | 준비할 것 | 확인할 것 |
|---|---|---|
| 원본 파일 | 편집 끝난 최종본, 최고 화질 | 메신저로 압축되지 않았는지 |
| 용도 | 배경 자동 재생 / 재생 버튼 / 유튜브 | 영상마다 하나씩 정했는지 |
| 자막 | 자막 파일(있다면) | 화면에 입힌 자막인지 별도 파일인지 |
| 썸네일 | 대표 이미지 | 없으면 쓸 장면을 정했는지 |
| 음악 | 배경음악 정보 | 웹과 유튜브 게시가 허락됐는지 |
| 인물·로고 | 등장 인물, 타사 로고 목록 | 공개 동의를 받았는지 |
| 유튜브 | 채널 계정 | 고객 소유인지, 누가 올리는지 |
자주 막히는 곳
| 증상 | 원인 | 대응 |
|---|---|---|
| 배경 영상이 저절로 재생되지 않는다 | 소리가 켜진 채로 자동 재생하려 했다 | 배경 영상은 소리 없이 씁니다 |
| 첫 화면이 늦게 뜬다 | 배경 영상 파일이 크다 | 짧게 만들고 웹용으로 줄입니다 |
| 영상이 흐리다 | 메신저로 받은 압축본을 썼다 | 원본 파일을 파일 공유로 다시 받습니다 |
| 자막을 끄거나 번역할 수 없다 | 자막이 영상에 입혀져 있다 | 자막 없는 영상과 자막 파일을 따로 받습니다 |
| 오픈 직전에 음악을 바꿔야 한다 | 사용 권리를 확인하지 않았다 | 영상을 넘기기 전에 음악 권리를 확인합니다 |
| 유튜브 영상 관리가 끊겼다 | 채널이 담당자 개인 계정이었다 | 고객 회사 소유 계정에 올립니다 |
출처
관련 문서
- 고객 자료 준비: 서식과 직인, 사업자 서류견적서나 거래명세서를 시스템에서 출력하려면 지금 쓰고 계신 서식 원본과 직인 이미지, 사업자 서류 사본을 준비해 주셔야 합니다. 거래처가 이미 익숙한 모양 그대로 문서가 나와야 하고, 사이트 하단 정보나 결제 설정에도 서류에 적힌 값이 그대로 들어가기 때문입니다.
- 고객 자료 준비: 로고와 브랜드 파일웹사이트나 앱을 만들 때는 로고를 벡터 원본으로, 색상 코드와 글꼴 정보까지 함께 준비해 주셔야 합니다. 로고는 화면 머리, 파비콘, 앱 아이콘, 인쇄용 문서까지 크기와 배경이 다른 여러 자리에 쓰이기 때문에, 이미지 한 장으로는 모든 자리를 채우지 못합니다.
- 고객 자료 준비: 인물과 공간 사진홈페이지에는 제품 말고도 사람과 공간의 사진이 들어갑니다. 대표 인사말 옆의 프로필, 팀 소개, 매장·사무실·공장·시설 사진입니다. 이 사진은 개발사가 대신 찍거나 만들 수 없는 자료라 고객이 준비해야 하고, 받은 사진의 모양과 상태에 따라 화면 구성이 달라지기 때문에 디자인을 시작하…
- 고객 자료 준비: 원고홈페이지에 들어갈 글, 즉 원고는 고객이 준비해 주셔야 합니다. 회사의 연혁, 수치, 인증 같은 사실은 고객만 알고 있고, 원고가 없으면 화면의 길이와 구성을 정확히 설계할 수 없기 때문입니다. 이 문서는 어떤 원고를, 어떤 형식으로, 누가 확정해서 넘기면 되는지 정리합니다.
- 고객 자료 준비 가이드개발을 맡기면 개발사가 만들 수 없는 것이 있습니다. 고객만 가지고 있는 자료, 그리고 고객만 정할 수 있는 내용입니다. 이 시리즈는 그런 자료를 무엇을, 어떤 모양으로 준비하면 되는지 안내합니다.