티스토리 블로그 글쓰기: 이미지와 썸네일 설정 쉽게 따라 하기!

imaged by pixabay

안녕하세요! 😊
오늘은 티스토리 블로그 글쓰기를 할 때 꼭 알아두면 좋은 이미지 삽입과 썸네일 수정 방법에 대해 자세히 알려드리겠습니다.

블로그 글의 완성도를 높이기 위해 이미지는 필수적인 요소입니다. 또한 썸네일은 블로그의 첫인상을 결정짓는 중요한 역할을 하지요.

따라 하기 쉽도록 단계별로 설명드리니, 이 글을 참고해 여러분의 블로그를 한층 매력적으로 만들어 보세요!

---

1. 티스토리에서 이미지 삽입하는 방법

티스토리에서 이미지를 삽입하는 과정은 매우 간단하며 직관적입니다. 아래 과정을 따라 하시면 초보자도 금방 익히실 수 있습니다.

① 티스토리 글쓰기 화면 열기

1. 티스토리 관리 페이지에 접속합니다.
2. 상단 메뉴에서 "글쓰기" 버튼을 클릭해 새 글쓰기 화면을 엽니다.

② 이미지 삽입 버튼 클릭

글쓰기 화면 상단의 편집 툴바에서 사진 모양 아이콘(이미지 삽입 버튼)을 찾으세요.
이 버튼을 클릭하면 컴퓨터에 저장된 이미지를 선택해 업로드하거나, 드래그 앤 드롭으로 손쉽게 이미지를 추가할 수 있습니다.

티스토리 이미지 삽입 아이콘

③ 삽입된 이미지 편집

이미지를 삽입한 후, 아래의 기능을 활용하여 이미지를 알맞게 편집하세요.

• 크기 변경: 이미지를 클릭하면 외곽에 나타나는 작은 점(핸들)을 드래그하여 크기를 조정할 수 있습니다.
• 정렬 변경: 삽입된 이미지를 클릭하면 뜨는 정렬 도구를 이용해 왼쪽, 가운데, 오른쪽 정렬을 설정할 수 있습니다.
• 링크 삽입: 이미지를 클릭한 후 상단의 링크 버튼을 클릭하면, 이미지에 URL을 삽입할 수 있습니다.

④ 이미지 업로드 전 최적화

이미지는 삽입 전 간단한 최적화 과정을 거쳐야 합니다.

• 크기 줄이기: TinyPNG와 같은 도구로 이미지를 압축해 용량을 줄이세요. 너무 큰 이미지는 블로그 로딩 속도를 저하시킬 수 있습니다.
• 이름 변경: 이미지 파일 이름에 글의 키워드를 포함하세요. 예: 티스토리-이미지삽입-가이드.jpg.
• Alt 태그 설정: 삽입 후 Alt 속성에 이미지를 설명하는 문구를 입력해 SEO 효과를 높이세요.

티스토리 이미지 Alt 속성

 

---

2. 티스토리에서 썸네일 설정 또는 변경 방법

썸네일은 블로그 글의 대표 이미지로, 방문자가 게시글을 클릭하도록 유도하는 강력한 시각적 도구입니다. 티스토리에서 썸네일을 설정하거나 변경하려면 아래 단계를 따라하세요.

① 썸네일 자동 설정 이해하기

• 티스토리는 기본적으로 글에 삽입된 첫 번째 이미지를 썸네일로 사용합니다.
• 별도로 썸네일을 지정하는 전용 버튼이나 메뉴는 제공되지 않습니다.

---

② 썸네일 설정을 위한 글 수정

1. 티스토리 관리 페이지에서 “콘텐츠 - 게시글 관리”로 이동합니다.
2. 썸네일을 변경하려는 글을 클릭해 수정 화면으로 들어갑니다.

🔹 글 수정 화면에서 썸네일 수정 방법

• 썸네일로 활용할 이미지를 삽입하거나, 글의 상단에 위치한 첫 번째 이미지로 해당 이미지를 이동시킵니다.
• 기존 썸네일로 표시된 이미지를 삭제하고 새로운 이미지를 삽입하면 썸네일도 해당 이미지로 업데이트됩니다.
• 이미지를 삽입한 후에는 글을 저장하여 변경 내용을 확정하세요.

---

③ 썸네일 확인 및 업데이트

• 썸네일이 즉시 변경되지 않는 경우, 브라우저 캐시 문제일 수 있습니다. 새로고침하거나 다른 브라우저에서 확인해보세요.
• 새로운 이미지를 업로드하고 설정했는데도 반영되지 않는다면, 해상도와 비율에 문제가 없는지 점검하세요. 1200x675px(16:9 비율)이 가장 이상적입니다.

---

④ 썸네일 관련 주의 사항

1. 썸네일 지정 후 재확인 필수
   모바일 및 PC 화면에서 썸네일이 올바르게 표시되는지 확인하세요.
2. 대표 이미지 꾸미기
   Canva와 같은 무료 이미지 편집 도구를 사용하여 제목, 강조 문구 등을 포함시킨 이미지를 디자인하면 더욱 매력적인 썸네일을 만들 수 있습니다.

---

3. 이미지와 썸네일 활용 시 주의사항

① 저작권 문제에 주의하기

• 무단으로 인터넷에서 다운로드한 이미지를 사용하는 것은 저작권 침해 소지가 있습니다.
• Unsplash, Pixabay, Pexels 등 무료 이미지 사이트 또는 직접 촬영한 이미지를 활용하세요.

② 과도한 이미지 삽입 피하기

• 글에 너무 많은 이미지를 삽입하면 로딩 속도가 느려질 수 있습니다.
• 텍스트 3~4문단마다 적절한 이미지를 배치해 가독성과 시각적 균형을 유지하세요.

③ 모바일 최적화 확인

• 글 작성 후 모바일 화면에서도 이미지와 썸네일이 올바르게 표시되는지 꼭 확인하세요.
• 모바일 중심 사용자가 늘어난 만큼 모바일에서의 가독성과 레이아웃은 매우 중요합니다.

---

4. 결론

지금까지 티스토리에서 이미지 삽입과 썸네일 수정하는 방법을 단계별로 알아보았습니다.
이미지와 썸네일은 단순하게 글의 시각적 매력을 더할 뿐 아니라, 방문자의 관심을 끌고 블로그의 전문성을 강화하는 데 큰 역할을 합니다.

티스토리에서 제공하는 기능을 적극 활용해 잘 꾸민 글을 작성해 보세요. 작은 변화만으로도 블로그의 퀄리티가 한 차원 높아지는 것을 느낄 수 있을 것입니다. 😊
제가 놓친 추가적인 팁이 있다면 언제든 댓글로 남겨주세요! 함께 멋진 블로그를 만들어봐요. 🚀