웹사이트를 소셜 미디어용 스크롤 영상으로 만들기

세로 영상에는 세로 페이지가 어울립니다. 데스크톱 레이아웃을 9:16에 억지로 넣으면 글자를 읽을 수 없게 되거나, 페이지 대부분이 양옆으로 잘려 나갑니다. 대신 휴대폰 너비로 페이지를 읽으면 사이트가 실제로 휴대폰에서 보여 주는 레이아웃이 나오고, 그 레이아웃은 세로 프레임을 자연스럽게 채웁니다. Website Scroll Video에서 세로 화면비를 태블릿과 모바일 기기에서만 고를 수 있는 것도 바로 이 때문입니다.

피드에서 데스크톱 디자인을 보여 주고 싶다면, 데스크톱 너비에서 1:1이나 16:9를 고르고 브라우저 창 주위에 여백과 배경을 두세요. 비좁은 페이지가 아니라 프레임에 담긴 제품 사진처럼 읽힙니다. 휴대폰 화면을 담는 방법은 웹사이트의 모바일 버전 녹화하기에서 더 자세히 다룹니다.

• 첫 1초 안에 움직이기. 멈춰 있는 프레임은 썸네일로는 좋지만 시작으로는 좋지 않습니다. 시작 대기는 1초 미만으로 하거나 아예 빼세요.
• 멈춤은 핵심에 한 번. 히어로나 이번에 알리려는 기능 하나에서 1~2초 멈추세요. 멈춤이 두 개를 넘으면 짧은 영상이 더 이상 스크롤처럼 느껴지지 않습니다.
• 소개 영상보다 빠르게. 페이지 한 화면당 약 1초. 사람들은 짧은 반복 영상은 다시 보지만, 긴 영상은 기다려 주지 않습니다.
• 이음매 없는 반복. ‘아래로 갔다가 위로’는 같은 곡선을 따라 맨 위로 돌아오기 때문에, 영상을 반복 재생하는 플랫폼에서도 튀는 장면이 없습니다.
• 앱 버튼을 피해서. 세로 영상의 아래쪽과 오른쪽 가장자리는 캡션, 좋아요, 공유 버튼에 가려집니다. 페이지 주위에 여백을 조금 두면 중요한 부분이 그 아래에 묻히지 않습니다.

홈페이지에 링크를 한 번 붙여넣으세요. 16:9 데스크톱 버전을 내보낸 뒤, 기기를 ‘모바일’로 바꿔 9:16과 4:5 버전을 내보내면 됩니다. 내보내기마다 각자의 길이와 설정에 따라 비용이 매겨지고, 미리보기는 무료라서 크레딧을 쓰기 전에 모든 버전을 확인할 수 있습니다.

화면비 자체에는 비용이 없습니다. 60 fps, 1080p의 10초 영상은 16:9든 1:1이든 가격이 같습니다. 휴대폰이나 태블릿 너비로 페이지를 읽으면 3크레딧이 더해집니다. 나머지는 크레딧 사용 방식에 정리되어 있습니다.

• MP4(H.264). 모든 소셜 플랫폼에 씁니다. 어느 플랫폼이나 받아 주고, 다시 인코딩했을 때 결과도 가장 좋습니다.
• 1080p. 휴대폰 화면에는 이것으로 충분합니다. 플랫폼은 업로드된 영상을 압축하므로, 4K는 대부분 업로드 시간만 늘립니다.
• 60 fps. 글자가 움직이는 동안에도 읽을 수 있습니다. 30 fps가 상한인 플랫폼은 알아서 변환합니다.
• 배경음 없음. 내보낸 영상에는 소리가 없습니다. 음악은 게시할 때 앱에서 넣으세요. 플랫폼의 라이선스 음원 라이브러리가 거기에 있습니다.