'Ep 06. B급 정보'에 해당되는 글 2건

제대로된 유튜브 썸네일 가져오기! ( 티스토리 )





내 블로그의 대부분은 유튜브와 연관된 포스팅이 상당히 많다.


그래서 영상을 포스팅에 넣고 썸네일을 글에 추가시키는데 유튜브 썸네일 가져오는 부분에서 답답한 부분이 많았다.


이런 저런 방법들이 있는데 그중에 가장 많았던 것



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
블로그 이미지

B급 감성

,

Office - PDF export 용량 줄이기

아주 간단합니다. SaveAs( 다른이름으로 저장하기)에서 웹게시용만 선택하면 끝~~~

0



파일 --> 다른 이름으로 저장 --> [원하는 위치]
or
Ctrl + Shift + s
1


파일형식 - pdf
최소 크기(온라인 게시) 선택
2


조금 시간이 걸려요 ......
3


짜짠~~~ 25MB --> 3MB

끝~

P.S : PDF 말고 그냥 용량 줄이기

다른 이름으로 저장 에서
우측 하단에 "도구" --> 그림 압축
- 웹 또는 전자메일 정도 선택
- 잘려진 그림 영역 삭제 체크
4



블로그 이미지

B급 감성

,