티스토리의 두번째 반응형 스킨 수정 1번째

안녕하셔요.

오늘은 '티스토리의 두번째 반응형 스킨입니다.'의 수정을 1번째로 포스팅을 해봅니다. 

좌측 슬라이드? 사이드?에 있는 성? 궁궐? 의 이미지를 1차로 변경해보고자 합니다.

변경을 왠만하면 하시는 게 맞는 듯 합니다. 

저 궁궐의 이미지가 3000*2000 픽셀짜리고, 약 3MB가 넘은 이미지라, 로딩 시간이 좀 걸리더 군요.

1. 스킨을 바꾸시고...

 - 스킨편집   ... 으로 갑니다. 

2. 궁궐? 이미지가 몬지 살펴 봅니다.

 - 파일 업로드 메뉴에서 각 이미지 파일에 마우스 오보를 해보면 이미지가 보입니다. 

 - 궁궐 이미지 이름은 header_default.jpg  입니다 

 - 위 캠처 이미지는 제가 이미 처리가 다 된 상태라 header_default.jpg 파일은 없습니다. 

3. 올리고 싶은 이미지를 아래 ' + 추가 ' 버튼을 이용하여 올려 봅니다. 

 - 저는 delicate-arch-896885_1920.jpg  파일을 올렸지요....

 - 확장자는 가능한 jpg 소문자로 해주시고요.......

 - 이미지는 https://pixabay.com/  이런 곳에서 저작권 걱정 없는 무료 이미지를 사용하시면 됩니다. 

4. 이미지를 교체해 봅시다

 - CSS 메뉴로 이동해 봅니다. 

 - 잘 보시면,  header_default.jpg  라는 text를 찾으실수 있을 겁니다. @background-image 라는 text를 찾으셔도 됩니다. 

 - 기존의 header_default.jpg  이미지 이름을 3번에서 추가하신 이미지 delicate-arch-896885_1920.jpg 이름으로 변경하시면 됩니다. 

5. 끝 

 - 몇가지 Tip이라면 원래 이미지가 3000*2000 사이즈라 가능하면 세로가 1000 사이즈 넘는 이미지로 하는게 좋을 듯 합니다.