주요 내용으로 건너뛰기

최적의 썸네일을 찾아서

크기? 비율? 확장자?

썸네일 사이즈와 비율을 알려주세요!

썸네일이란 포스트 내용을 대표하는 이미지로, 포스트 목록, 검색 결과 등에 표시됩니다. 포스타입 여기저기서 바뀌는 썸네일의 정체가 궁금하셨다면, 꼭 맞는 썸네일 만드는 비법을 알려드립니다.


썸네일은 고정된 크기와 비율이 없습니다.

썸네일 크기와 비율은 기기 또는 브라우저의 크기에 따라 바뀝니다. 포스타입은 웹페이지의 크기가 자동으로 재조정되는 반응형 웹으로, 썸네일 크기와 비율 또한 유동적으로 달라집니다. 사용 환경에 맞게 크기를 변화시킴으로써 최적화된 서비스를 제공할 수 있습니다.

다만, 다양한 상황에 가장 잘 대응하려면 가로가 긴 이미지의 경우 4:3 비율의 직사각형, 세로가 긴 이미지 또는 정사각형 이미지의 경우 외곽에 어느 정도 여백이 있는 정사각형 썸네일을 추천합니다. 글자는 정중앙에 배치하면 잘리는 것을 최대한 방지할 수 있습니다. 내용이 길다면 줄 내림을 하여 중간을 벗어나지 않도록 합니다.

4:3 비율의 직사각형
외곽에 어느 정도 여백이 있는 정사각형

시리즈 테마의 카테고리 이미지는 고정비가 적용됩니다.

시리즈 테마의 카테고리 이미지는 명확한 고정비가 적용됩니다. 세로가 긴 직사각형은 3:4, 정사각형은 1:1, 가로가 긴 직사각형은 16:9 비율에 맞춰 잘라낸 뒤 표시합니다. 작품 표지가 잘리길 원하지 않는다면 설정한 비율에 맞는 이미지를 제작하여 삽입합니다.

[블로그 관리] > [테마] > [시리즈 테마]의 [카테고리]

확장자는 PNG를 추천합니다.

썸네일의 화질 저하를 최소화하고 선명하게 보여주고 싶다면 PNG를 추천합니다. 특히 썸네일에 글자가 포함되어 있거나 선의 경계가 뚜렷해야 하는 그림이라면 PNG로 저장하는 것이 좋습니다. PNG는 JPG 보다 용량이 큰 대신 해상도가 높고 선명합니다. JPG는 압축률이 높아 용량이 작은 것이 장점이지만 뭉개짐과 같은 파일 손상이 있을 수 있습니다.


저작권 없는 무료 이미지를 활용합니다.

썸네일 제작이 어렵다면 저작권 없는 무료 이미지를 다운 받아 활용합니다. Unsplash에서는 프로 작가의 사진을 다운로드해 자유롭게 사용할 수 있습니다. Pixabay에서는 사진뿐 아니라 일러스트, 벡터 그래픽 등 여러 가지 이미지를 다운로드할 수 있습니다. 이제 내려받은 이미지를 썸네일로 선택만 하면 됩니다.


썸네일을 적용합니다.

포스트 에디터에서 발행을 누른 뒤 발행 옵션 창의 썸네일 선택을 클릭합니다. 새 이미지를 업로드하거나 포스트 또는 블로그에 포함된 이미지를 썸네일로 선택하여 발행합니다. 적용한 썸네일이 보이지 않는다면, [블로그 관리] > [설정]목록에서 성인용 콘텐츠 필터 사용 안 함검색 엔진 차단을 확인해보세요. 성인용 콘텐츠 필터를 사용하면 본인 인증을 하지 않은 사람은 성인 포스트의 제목과 썸네일을 볼 수 없습니다. 검색 엔진 차단을 활성화하면 트위터 공유 시 썸네일이 표시되지 않습니다.


적절한 썸네일만으로도 사람들의 눈길을 끌고 콘텐츠에 대한 흥미를 돋울 수 있습니다. 지금 당장 포스타입에 꼭 맞는 썸네일을 만들어보는 건 어떨까요?

포스타입 드림

국내 최초 개인 콘텐츠 판매 블로그 플랫폼, 포스타입입니다.

POSTYPE 님의 창작활동을 응원하고 싶으세요?

댓글

댓글을 사용하지 않는 블로그입니다.