제대로된 유튜브 썸네일 가져오기! ( 티스토리 )
내 블로그의 대부분은 유튜브와 연관된 포스팅이 상당히 많다.
그래서 영상을 포스팅에 넣고 썸네일을 글에 추가시키는데 유튜브 썸네일 가져오는 부분에서 답답한 부분이 많았다.
이런 저런 방법들이 있는데 그중에 가장 많았던 것
https://img.youtube.com/vi/고유ID/.jpg
이 방법으로 썸네일을 가지고 오게되면 해본사람은 알 수 있겠지만 썸네일 해상도가 정말 못봐줄 정도다.
그래서 방법 찾다가 그냥 내가 찾은 방법을 소개한다.
우선 티스토리에서 유튜브 플러그인을 넣었다는 가정하에 시작한다.
예제로 쓸 영상은 J.Fla가 커버링 한 Stressed Out
https://www.youtube.com/watch?v=onGqNkiAcjY
많이들 소개한 방법으로 썸네일을 확인해보자.
https://img.youtube.com/vi/onGqNkiAcjY/1.jpg
간단하지만 120x90 짜리 해상도.. 이걸 볼수나 있을까?
내가 찾은 방법.
준비물 : 그림판, 크롬
1.
유튜브 플러그인을 이용해서 유튜브 영상을 글에 넣는다.
그럼 아래와 같이 영상이 등록되었을 것이다.
2.
ctrl + shift + c 를 누르면 뭔가 화면이 이상해지는걸 느낄 수 있다. ( 크롬의 개발자 도구를 이용한 방법이다. 자세한건 나중에 개발 관련 포스팅으로 추가하겠다. )
그럼 아래처럼 내가 추가한 영상에 마우스를 놓고 클릭한다.
3.
그럼 우측이나 하단에 뭔가 수없이 이상한 글자들과 함께 선택 된 부분이 보인다.
그중에서 style="background-image :url("https://어쩌구저쩌구.webp"); 라고 적힌걸 볼 수 있다.
그 중에서 https://~~~.webp 만 복사해오면 된다. 복사하는 편한 방법은 더블클릭하면 블럭을 지정할 수 있다.
4.
빨간색 표시 된 부분만 복사해서 주소창에 입력한다.
5.
그러면 내가 유튜브 플러그인을 사용해서 넣은 유튜브 해상도와 동일한 썸네일이 나올것이다.
6.
우클릭 -> 이미지 복사 -> 그림판 실행 -> 붙여넣기! 끝!!
다른 사람들이 소개해 준 방법보다 어찌보면 조금 어려울 수 있다.
하지만 제대로 된 썸네일을 얻게 해줄 수 있으니까!
절대 어려운 방법이 아니다.
정리하자면
유튜브 영상 삽입 -> ctrl + shift + c 로 영상 선택 -> 주소 복사 붙여넣기 -> 그림판에 저장
진짜 너무 쉬운 방법 아닌가..?
내가 b급 음악에 글린 썸네일은 전부 이 방식으로 올렸다.
크롬 말고 익스플로러에서도 똑같이 가능한 방법이다.
똑같이 개발자 도구를 이용하면 된다.!
이 개발자 도구는 잘 사용하면 정말 너무 편하다.
개발할때도 디버깅할때도 개발 관련한 자세한 사용 방법은 꼭 포스팅 해보도록 하겠다.
'Ep 06. B급 정보' 카테고리의 다른 글
Office - PDF export 용량 줄이기 (0) | 2018.05.13 |
---|