티스토리 썸네일이 맨 밑에 삽입되는 이유 – 대표 이미지 위치 문제 해결법

티스토리 썸네일이 맨 밑에 삽입되는 이유 – 대표 이미지 위치 문제 해결법

 

 

티스토리 블로그 글을 작성하고 대표 이미지를 설정했는데, 글 최상단이 아닌 맨 마지막에 이미지가 붙는 경우가 종종 발생합니다.
이 문제는 티스토리의 이미지 삽입 방식과 HTML 코드 처리 방식 때문이며, 대표 이미지와 썸네일 설정을 제대로 이해해야 해결할 수 있습니다.
이번 글에서는 썸네일 이미지가 하단에 붙는 이유와 이를 해결하기 위한 대표 이미지 등록 팁을 소개합니다.

---

썸네일이 본문 끝에 붙는 이유

티스토리는 대표 이미지가 자동으로 본문에 삽입되는 구조가 아닙니다.
글을 작성할 때 직접 삽입한 이미지를 기준으로 ‘가장 먼저 삽입된 이미지’를 썸네일로 인식합니다.
하지만 대표 이미지만 따로 설정하고 본문 내에는 이미지를 넣지 않으면, 티스토리 에디터가 대표 이미지를 본문 맨 하단에 자동 삽입하는 방식으로 처리합니다.

---

대표 이미지 삽입과 썸네일 동기화 원리

티스토리 관리자 화면에서는 대표 이미지를 별도로 선택할 수 있지만, 이는 검색엔진이나 포털 사이트에 노출될 때만 반영되며, 본문 내 위치와는 별개로 작동합니다.
따라서 대표 이미지로 선택한 파일이 본문 내 삽입되지 않으면 자동으로 글 마지막 부분에 출력되어
‘썸네일이 맨 밑에 들어간 것처럼’ 보이게 되는 구조입니다.

---

해결 방법 및 권장 설정

1. 글 작성 중 이미지 삽입 시 반드시 맨 위 또는 글 소개 부분에 직접 삽입하세요.
2. 대표 이미지로도 같은 이미지를 등록해 두면, 블로그 본문 상단에도 자연스럽게 위치하고, 검색 썸네일에도 반영됩니다.
3. 글 끝에 자동 삽입된 이미지가 불필요하다면, HTML 편집기에서 해당 <figure> 태그를 삭제해도 무방합니다.

---

자주 묻는 질문 (FAQ)

Q. 썸네일을 설정해도 카카오뷰/다음 미리보기엔 왜 안 보이나요?
→ 대표 이미지가 없거나 용량이 크거나 포맷이 안 맞을 경우, 다음 미리보기에 적용되지 않을 수 있습니다.

Q. 대표 이미지를 지정해도 썸네일이 다른 이미지로 나가요
→ 본문 내 가장 먼저 삽입된 이미지가 우선 적용되므로, 첫 이미지가 우선순위가 됩니다.

Q. 사진 없이 텍스트만 쓴 글도 썸네일 설정할 수 있나요?
→ 가능하지만 대표 이미지로 등록된 사진이 없으면 썸네일은 비어 있거나 사이트 기본 이미지로 표시됩니다.

Q. HTML 수정 없이 해결하는 방법 없나요?
→ 이미지 삽입 순서만 바르게 하면 HTML 편집 없이도 썸네일 위치 문제는 자연스럽게 해결됩니다.

---

총평

티스토리의 썸네일과 대표 이미지 시스템은 ‘본문 내 첫 번째 이미지 = 썸네일’이라는 규칙에 기반합니다.
대표 이미지만 설정하고 본문 삽입을 하지 않으면 이미지가 글 하단에 붙는 문제로 이어질 수 있으므로
글 서두에 직접 이미지 삽입을 통해 위치를 조정하는 것이 가장 확실한 해결책입니다.

 

 

 

ChatGPT 오류 시 대응 방법 – 즉시 해결하는 실전 가이드

 

소상공인 손실보상 선지급 안내! 최대 100만 원·500만 원까지 미리 지원받는 방법

 

2025 애플 WWDC 핵심 요약 – iOS 변화부터 Apple Intelligence까지 총정리

 

전국 휘발유 주유소 가격, 오피넷에서 실시간 확인하는 방법

 

소상공인 부담경감 크레딧 50만 원 지원 완전 정복! 고정비 부담 낮추는 현금같은 혜택