본문 바로가기

블로그 관련 정보

티스토리(테터툴즈) 사용할 때 이미지(사진) 리사이즈 안되게하기

이전에 사용하던 제로보드나 파란의 경우 사진을 편하게 보기 위해  사진 사이즈를 800 이상으로 지정한 경우가 많았다.  싸이나 네어버 블로그 등에 사람이 더 많음에도 쓰지 않은 이유는 사진을 올리면 사진이 리사이즈되어 원본 이미지의 품질이 떨어지기 때문이다. 그렇다고 사진 사이즈를 작게하면 시원하지 않고 웬지 답답함을 느꼈기 때문이다.

제로보드에서 사용하던 갤러리 게시판을 이용하여 티스토리로 옮기면서 2가지 문제가 부딪혔는데 하나는 게시물에 포함된 사진 일부를 불러오지 못한다는 것이었고, 다른 하나른 사진을 올리면 네이버에서처럼 리사이즈가 된다는 것이다.   티스토리가 테터툴즈 것을 사용하기 때문에 테터툴즈 역시 동일한 문제를 안고 있다.

처음에 불러왔을 때에는 사진 리사이즈가 안되었는데 나중에 새로 글을 작성하여 올리면 그때부터 이런 증상이나타나 이곳 저곳 알아보니 글을 작성하여 등록할 때 contentWidth에서 지정한 수치보다 클 경우 이 수치에 맞게 리사이즈를 한다는 것이다. index.xml을 보면 된다고 하는데 스킨 편집에 들어가면 파일 목록에 index.xml은 보이지만 다운로드하여 편집할 수 없고, 편집할 수 있는 것은 skin.htm과 style.css뿐이었다.

할 수 없이 skin.htm과 style.css만으로 수정을 하기 위해 스킨 관리의 편집으로 들어가 contentWidth를 찾아보아도 보이지 않아 width만으로 검색하여 수치를 조절하여 보았으나 이미 작성한 문서의 경우 조절한 수치에따라 사진 보여주는 형식만 변할 뿐(테이블 크기에 맞게 사진을 줄여서 보여주거나, 크기에 맞는 부분만 보여주고 나머지 부분은 잘려서 보여줌) 글을 작성하여 등록할 때에는 잘리는 현상이 계속 발생하였다.

그러다가 스킨을 올리는 방법을 알고 index.xml을 확인하니 그 안에 <contentWidth>500</contentWidth>이 있다는 것을 알게 되었다.  <contentWidth>와 </contentWidth>에 있는 수치인 500 이상이면 리사이즈되어 표시가 된다.

리사이즈 안되게 올리려면 이 수치를 다른 수치로 옮기면 된다.  참고로 대부분 사진이 800으로 만들었고 일부 이보다 조금 큰게 있어 850으로 수정을 하였다.

사진이 리사이즈 안되게 하려면 다음과 같은 방법을 사용하면 된다.

1. 먼저 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기를 참고한다.
테터툴즈에서 사용한 스킨을 티스토리에서 사용하기 :
  -
http://www.solijini.com/1456
  -
http://solijini.tistory.com

이걸 읽으면 아래 내용은 바로 할 수 있다.


2006년 12월 26일 수정
티스토리가 1.1로 업그레이드하면서 스킨 올리는 방법이 바뀌었다.
관리자로 접속한 후 스킨 탭에서 직접 올리기하면 스킨을 올릴 수 있다.

2. 스킨의 index.xml 파일 수정하여 올리기
적용하려는 스킨 폴더를 보면 index.xml이 있는데 이 파일의 끝부분에 있는 <contentWidth>500</contentWidth>이라고되어 있는 부분을 <contentWidth>850</contentWidth>과 같이 적당한 수치로 변경한 후 등록한다.


참고 1
- 모든 스킨에 적용할 수 있으나 스킨이 특정한 크기에 맞게 제작된 경우가 있다.(이런게 많다.) 그럴 경우 사진 크기가 늘어나면 레이아웃이 깨지는 경우가 생긴다.  여러 개를 적용하여 큰 사진을 올려도 깨지지 않는 이 스킨을 선택해 쓰고 있다.

2006년 12월 26일 추가

참고 2
티스토리에서 제공하는 스킨만 쓸 경우 index.xml 파일 있긴하나 이 파일을 다운로드할 수 없기 때문에 수정이 불가능하다. 테터툴즈 홈페이지에 있는 스킨 중 하나를(이왕이면 동일한 스킨, 대부분 테터툴즈에 등록되어 있다) 받아 그 안에 있는 index.xml을 이용하면 된다.