[티스토리]블로그의 이미지가 잘려 나올 때

티스토리(Tistory) Blog에서 글을 올리다 보면 내가 올린 사진이 블로그 의 화면에서 잘려서 나오는 경우가 있습니다.

사진을 어느정도 조정을 해도 계속 잘려 나와서 결국은 내가 의도하지 않는 크기로 줄여서 올려 보기도 하는데요.

 

이렇게 사진을 깨져나오지 않도록 하는 방법을 알아보겠습니다.

 

먼저 블로그 관리자 메뉴에서 "스킨"-"스킨위자드"를 클릭합니다.

 

"스킨 위저드"가 나오는데 "게시글"탭을 클릭하면 아래와 같이, 글영역 넓이를 지정하는 텍스트 창이 나옵니다.

저는 여기에 내블로그에 적당한 크기인 "670"을 입력하였습니다.

여기를 수정하여도 여전히 사진은 짤려서 나옵니다. 한군데 더 수정을 하여야 합니다.

 

Blog관리자 메뉴에서 "HTML/CSS편집"메뉴를 클릭하여 style.css의 테스트 창에서 content의 width를 찾아서 아까 입력했던 값과 똑같이 670을 입력합니다.

 

이제 블로그를 보면 화면에 짤려서 보이던 이미지가 정상적으로 블로그에 맞게 잘 나오는 것을 볼 수 있습니다.

결론적으로 "CSS의 width"가 "글영역 넓이"의 영역보다 크거나 같아야지 잘리지 않고 화면에 맞게 리사이즈(Resize)된 이미지를 볼 수 있습니다.

●결론 : "CSS의 width" >= "글영역 넓이"

●2014-10-06추가 : 

모두 수정을 했는데도 불구하고 이미지가 잘리는 경우가 있다. 이 때는 관리자 메뉴에서 style.css 에서 아래의 내용을 복사해서 넣어주면 잘리는 이미지가 resize되도록 할 수 있다.

.imageblock {

    width: auto !important;

}

img {

max-width: 100%;

}