구글 블로그에 첨부한 이미지 크기 조절하기

구글 블로그에 사이즈가 큰 이미지를 첨부하면 본문 사이즈를 넘어설 수가 있다. 이것을 매번 글 쓸 때마다 이미지 하나하나 사이즈를 줄이지 않고 자동으로 본문의 너비에 맞게 줄이는 방법을 찾아 봤다.

구글 블로그 테마 설정에서 css 부분에 아래 내용을 삽입하면 된다.

.post-body img {
  max-width: 97%;
  max-height: auto;
  box-shadow: none;
  border: none;
 }

97%은 그냥 내가 조금 조절한 것이고 100%나 99%나 다 관계 없다.

참고: Auto-Sizing Photos to Fit Post Area in Blogger