영상 썸네일만 화려하게 꾸며놓고 정작 내용은 제목이나 이미지와 전혀 상관없는 영상을 보면 정말 답답하지 않으신가요? 세상이 어느 정도 자극 위주로 굴러간다는 건 인정하더라도, 시청자의 기대를 배신하는 콘텐츠에는 어딘가 책임이 따른다고 생각합니다. 하지만 오늘은 그 얘기를 하려는 게 아니라, 그 '미끼'였던 바로 그 썸네일을 내 컴퓨터에 저장하는 방법을 알려드리려 합니다.
예전에는 유튜브 영상을 일시정지한 뒤 이미지를 간단히 저장할 수 있었지만, 요즘은 조금 더 신경을 써야 합니다. 걱정 마세요. PHP, API 같은 개발 지식은 전혀 필요 없습니다. 브라우저 하나면 충분합니다.
단계별 따라 하기
썸네일이 궁금한 영상 페이지를 열되, 성의 없는 클릭 수를 늘려주고 싶지 않다면 실제 재생은 하지 않는 것이 좋습니다. 그다음 페이지 소스 보기를 실행합니다. 대부분의 브라우저에서 Ctrl + U 단축키로 열 수 있습니다. 최근 파이어폭스 등 일부 브라우저는 관련 메뉴를 잘 숨겨두기 때문에 단축키를 사용하는 것이 가장 빠르고 확실합니다.
페이지 소스란 브라우저가 여러분에게 이미지, 동영상 등을 보여주기 위해 해석하는 실제 코드입니다. 소스 화면에서 검색창을 엽니다(Ctrl + F). 검색창에 og:image를 입력하세요.
그러면 og:image라는 메타 속성과 함께 콘텐츠 경로가 나타납니다. 이것이 바로 해당 썸네일 이미지의 실제 URL입니다. 링크를 열어 원하는 위치에 저장하면 끝입니다.
예를 들면 다음과 같습니다:
content="https://i1.ytimg.com/vi/vwtOwhrjNCM/maxresdefault.jpg"
이것으로 기본 작업은 완료입니다!
응용: URL 규칙 활용하기
몇 번만 해보면 금방 패턴이 보입니다. 유튜브 썸네일은 i1.ytimg.com 같은 이미지 서버 도메인 아래 /vi/, 그 뒤에 동영상 ID, 마지막에 *default.jpg 형식으로 저장되어 있습니다. 즉, 동영상 URL에서 ID만 추출하면 어떤 영상의 썸네일이든 바로 만들어낼 수 있습니다.
예를 들어 다음과 같은 영상 주소가 있다고 해보죠:
https://www.youtube.com/watch?v=V0kKLzuHcnA&fmt=hd
ID는 ?v= 뒤에서부터 다음 구분자가 나오기 전까지의 문자열입니다. 위 예시에서는 V0kKLzuHcnA가 됩니다. 마지막 부분은 원하는 화질에 따라 골라 쓰면 됩니다. 최고 화질은 maxresdefault, 고화질은 hqdefault를 붙이면 됩니다. 참고로 표준 화질(sddefault), 중간 화질(mqdefault), 저화질(default) 옵션도 존재합니다. 또한 모든 유튜브 이미지 서버를 통합하는 공용 도메인인 img.youtube.com을 사용할 수도 있습니다.
정리하면 썸네일 URL은 다음과 같은 형태가 됩니다:
img.youtube.com/vi/<동영상 ID>/(maxres|hq|sd|mq)default.jpg
마치며
아주 간단하지만 은근히 쏠쏠한 팁입니다. 판단을 흐리고 클릭하게 만든 영상에 좌절했을 때, 적어도 '내가 왜 클릭하게 됐는지'는 눈으로 직접 확인할 수 있으니까요. 이제야 정의가 실현되는 셈입니다.
물론 브라우저 확장 프로그램이나 사용자 스크립트를 활용하면 이 과정을 자동화할 수도 있습니다. 하지만 코드 한 줄 없이 깔끔하게 처리하고 싶다면 위 방법만으로 충분합니다. 원하는 결과도 얻고, 클릭베이트 작성자에게 헛된 조회수를 보태주지도 않으니 모두가 만족하죠. 즐거운 인터넷 생활 되세요!