티스토리 유투브 동영상 썸네일 만들기

티스토리 유투브 동영상 썸네일 만들기

보통 이미지를 이용하다 보면, 썸네일을 이용해서 해당글에 대한 관심도를 이끄곤 합니다. 보통 들어가는 이미지는 글을 대표할 수 있는 사진을 사용하거나 직접 만든 문구를 사용하는데요. 티스토리 블로그를 하면서 유투브를 본문에 삽입하고 나서 이미지 가 없는 경우에는 썸네일을 지정하기가 어려워 집니다. 이럴때는 간단하게 유투브 동영상에서 HTML 코드를 이용해서 만들어 낼 수 있습니다.

 

티스토리 유투브 동영상 썸네일 만들기

 

 

유투브 동영상 ID 이용

유투브도 직접적으로 동영상에서 썸네일을 만들어 내는데, 일정한 방식으로 썸네일을 만들어 저장하고 사용을 합니다. 보통 유투브 동영상에는 그 영상 고유의 아이디를 가지고 있습니다.

 

예를 들어보면

 

<iframe width="640" height="360" src="https://www.youtube.com/embed/SfxA0f7xVNM" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

<iframe width="640" height="360" src="https://www.youtube.com/embed/A7MKqvdlnKI" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

 

두개의 유투브 영상의 소스코드입니다. 유투브 소스코드를 보시면 중간에 URL 링크형태의 주소가 있죠. 나머지는 iframe 과 크기 지정과 같은 속성들입니다. 여기서 주목할 부분은 진한 글씨 부분이죠.

 

유투브 동영상 ID

 

https://www.youtube.com/embed/SfxA0f7xVNM

 

https://www.youtube.com/embed/A7MKqvdlnKI

 

진한 부분은 ID

 

 

 

애매모호한 유투브 동영상 썸네일

 

	<img src="https://www.youtube.com/embed/SfxA0f7xVNM/1.jpg"> 120px X 90px 사이즈
	<img src="https://www.youtube.com/embed/SfxA0f7xVNM/2.jpg"> 120px X 90px 사이즈
	<img src="https://www.youtube.com/embed/SfxA0f7xVNM/3.jpg"> 120px X 90px 사이즈
	<img src="https://www.youtube.com/embed/SfxA0f7xVNM/default.jpg"> 120px X 90px 사이즈

 

 

 

 

 

 

 

<img src="https://www.youtube.com/embed/SfxA0f7xVNM/hqdefault.jpg">

 

480px X 360px 사이즈

 

 

썸네일을 만드는 방법인데요

 

유투브 동영상에는 5가지 썸네일을

 

자동생성합니다.

 

 

hqdefault.jpg 를 제외하고는

 

사용하기가 쬐금..

 

 

 

 

 

 

 

 

 

요걸 사진 버튼을 이용해서

 

이미지를 올리는 방법이 있는데,

 

오늘은 티스토리에 썸네일을 만드는

 

내용이 므로 한번 같이 해볼까요?

 

 

인터넷익스플로러11, 에지에서는

 

이 방법이 안통하더군요.

 

 

 

 

 

사진추가 기능으로
유투브 썸네일 만들기

 

 

 

 

사진 버튼을 누르면

 

위와 같이 플래시로 된

 

팝업창이 하나 뜹니다.

 

 

여기에 사진추가하기 버튼을

 

눌러주세요.

 

 

 

 

 

 

 

위와 같이 파일 열기

 

폴더가 생기는데

 

아래에 파일이름이라고

 

되어 있는 부분에

 

유투브 동영상 썸네일 URL을

 

입력해줍니다.

 

 

https://i.ytimg.com/vi/동영상 아이디/1.jpg

 

사이즈 120X90

 

https://i.ytimg.com/vi/동영상 아이디/2.jpg

 

사이즈 120X90

 

https://i.ytimg.com/vi/동영상 아이디/3.jpg

 

사이즈 120X90

 

https://i.ytimg.com/vi/동영상 아이디/default.jpg

 

사이즈 120X90

 

https://i.ytimg.com/vi/동영상 아이디/hqdefault.jpg

 

사이즈 480X360

 

 

이렇게 입력을 합니다.

 

물론 사이즈를 보고..

 

 

 

 

 

 

 

 

hqdefault.jpg 로

 

480X360 사이즈의 썸네일을

 

불러옵니다.

 

 

 

 

 

 

 

 

 

 

위와 같이 사진이 나오는데

 

내 PC에 저장해서

 

사용을 하셔도 되고

 

사진 올리기를 해도 됩니다.

 

 

 

 

 

 

 

 

원하는 유투브 동영상 썸네일이

 

사진추가하기로 본문에

 

삽입이 되면 우측에 있는

 

파일보관함에 해당 썸네일이 저장이 됩니다.

 

이때 해당 파일을 선택해서

 

대표에 체크를 해주면

 

원하는

 

티스토리 유투브 동영상 썸네일 만들기

 

완성입니다.