알면 좋은 지식들

썸네일 어떻게 만들어야 할까?

열븐세상 2023. 1. 28. 17:53

우리가 어떤 정보를 알고 싶을 때 검색을 하면 제목부터 보게 됩니다.
또한 강렬한 이미지가 있으면 더욱 빛을 발할 것입니다.

여기서 말하는 이미지가 바로 썸네일입니다.
썸네일은 그 글의 얼굴이며 어떤 내용을 전달할 것인가에 대한 함축된 그림입니다.
이미지를 어떻게 만들고 잘 표현해야 하는지는 굳이 강조하지 않아도 매우 중요합니다.
이미지를 선정하는 것도 중요하지만 기껏 어렵게 선정한 이미지가 여기저기 잘려서 보기 흉하다면 안 되겠지요.
일반적인 이미지는 그대로 삽입해도 되지만 썸네일로 사용할 대표 이미지는 생각을 좀 해 볼 문제입니다.

 

유튜브에 사용하는 썸네일은 16:9의 비율로 만들면 거의 문제가 없습니다.
너무 작은 사이즈는 크기가 커졌을 경우 이미지가 깨지는 현상이 있으니
가급적이면 크게 만들어서 적당한 크기로 줄여서 사용하면 되는데
보편적으로 1280X720 크기가 사용됩니다.

 

티스토리는 대표 이미지를 지정하면 대부분 잘려 나가고 가운데 정사각형 부분만 나옵니다.
그렇다고 1:1 비율로 만들면 위아래가 잘려 나가지요.
그래서 12:7을 유지하되 좌우 가장 자리는 잘려도 문제없는 배경을 넣고 중심에 주요 내용을 표현하면 됩니다.
그래서 일반적으로 저는 1380X805 사이즈를 선택하게 되었습니다.

 

위와 같은 사이즈의 포맷을 정하고 연두색 부분에 주요 내용을 표기하는 것입니다.

 

사실 정답은 없어 보입니다.

관련정보를 찾아 보아도 HTML이나 CSS를 편집해서 사용한다고는 하는데

잘못 건드리면 곤란할 것 같아 망설여 지기도 합니다.

역시나 제일 좋은 방법은 대략 12:7 비율이나 1380X805 사이즈에

양쪽 여백은 넓게 주고 위아래 여백은 약간만 주어서 

가운데 공간에 표현하고자 하는 이미지를 만들면 될 것 같습니다.

 

쉽게 쉽게 갑시다!

오늘도 파이팅!