728x90
이미지 리사이징 수정 방법
티스토리를 사용하다 보면 다른 능력자들이 만든 스킨을 활용하게 되는 경우가 많습니다. 이러한 스킨을 사용자 취향에 맞게 수정하고 싶을 때, 특히 이미지 리사이징과 관련된 설정을 변경하는 방법을 소개합니다. 사용자가 원본 이미지를 그대로 사용하고 싶을 때 유용한 방법입니다.
CSS 수정하기
스킨의 HTML 파일에서 이미지 리사이징을 조정하려면, 아래 단계에 따라 CSS 스타일을 수정하면 됩니다.
skin.html 파일 열기
티스토리 관리자 페이지에서 사용 중인 스킨의 skin.html 파일을 엽니다.
CSS 스타일 검색
파일 내에서 wrap을 검색합니다. 이를 위해 Ctrl + F를 눌러 검색창을 열고 wrap을 입력합니다.
CSS 수정
다음과 같은 코드가 보일 것입니다.
.wrap { width: auto; }
#container { _display: inline-block; width: 100%; }여기서 width: auto와 width: 100% 설정 때문에 이미지가 자동으로 리사이징 되는 것입니다. 이 부분을 원하는 사이즈로 변경합니다.
예를 들어, 가로 사이즈를 1400px로 변경하고 싶다면 아래와 같이 수정합니다.
.wrap { width: 1500px; } /* 원하는 가로 크기로 변경 */
#container { _display: inline-block; width: 1400px; } /* 원하는 가로 크기로 변경 */이렇게 하면 이미지가 자동으로 리사이징 되지 않고, 설정한 고정 크기로 표시됩니다.
마무리
위의 방법을 통해 티스토리 스킨의 이미지 리사이징 설정을 쉽게 수정할 수 있습니다. 사용자가 원하는 크기를 입력하여 스킨을 자신만의 스타일로 꾸밀 수 있습니다. 다른 문제로 고민하고 계신다면, 댓글로 수정하고 싶은 내용이나 문제점을 남겨주시면 그에 맞는 해결 방법을 제공하겠습니다. 티스토리에서 더 나은 사용자 경험을 위해 이러한 설정을 활용해 보시기 바랍니다.
728x90
