Blogger(블로그스팟) 이미지 관련 자주 묻는 질문 3가지

📸 Blogger(블로그스팟) 이미지 관련 자주 묻는 질문 3가지

블로그스팟에서 글을 쓰다 보면, 이미지 썸네일, 크기, 자동 설정 등 다양한 이미지 관련 고민이 생기죠? 오늘은 실제 유저 질문을 기반으로 Blogger에서 이미지를 잘 활용하는 팁을 알려드릴게요.

글에 이미지를 넣었는데도, 블로그 관리자나 메인 리스트에 썸네일이 안 나오는 경우가 있죠.

원인:
- 첫 이미지가 HTML 코드로만 삽입되었거나,
- 외부 이미지 링크(URL)만 사용했거나,
- 너무 작은 이미지 (50px 이하)일 경우

해결법:
- 작성 모드에서 첫 문단에 직접 이미지 삽입
- Blogger 자체 업로드 기능 사용
- 적정 크기 (최소 300px 이상) 이미지 삽입 추천

Blogger(블로그스팟) 이미지 관련 자주 묻는 질문 3가지

Q2. 블로그 본문에 이미지를 가로폭 꽉 차게 넣고 싶어요

Blogger는 기본적으로 이미지를 작게 넣기 때문에, 넓은 레이아웃에는 작아 보일 수 있어요.

작성 모드에서 해결:
- 이미지를 클릭 → 크기 조절 메뉴에서 ‘가장 크게’ 또는 ‘원본 크기’ 선택

HTML 모드에서 해결:

<img src="이미지주소.jpg" style="width:100%; height:auto;" />

블로그 본문에 이미지를 가로폭 꽉 차게 넣고 싶어요

아쉽지만 Blogger에는 이미지 크기 기본값을 설정하는 메뉴는 없습니다. 그러나 스타일을 적용해 자동 확대는 가능합니다!

방법 1. 글 상단에 공통 스타일 코드 추가:

<style>
img {
  max-width: 100% !important;
  height: auto !important;
}
</style>

방법 2. Blogger 테마 HTML에 추가:
- 테마 > HTML 편집 > 아래 코드 추가

.post-body img {
  max-width: 100%;
  height: auto;
}

🧩 요약

이미지 예쁘게 넣고 싶을 땐, 살짝의 코드만으로도 훨씬 깔끔하고 보기 좋은 포스트를 만들 수 있어요 😊