본문 바로가기
기타

티스토리 파비콘 달기~ jpg를 ico로 파일형식 변환하는 법부터 HTML 수정까지

by 수별이 2012. 8. 23.



티스토리에 나만의 파비콘을 만들어 적용하는 방법!

이미 많은 분들이 유용하게 사용하고 계실텐데요,
혹시나 필요하신 분이 계실까해서 올리니 참고하세요~^^


파비콘을 만들기 위해서는 ico라는 파일 형식을 가진 이미지가 필요합니다. 파비콘으로 쓰고 싶은 이미지를 하나 정하셨다면 그걸 ico 형식으로 변환을 해줘야 하는데요,

http://converticon.com/ 이 사이트에 가면 아주 쉽게 파일형식을 변환할 수 있습니다. 따로 프로그램을 다운받아서 설치할 필요도 없고, 바로 파일 업로드하면 변환이 되더라구요 ㅎㅎ



1. 사이트 접속 후 get started 클릭.



2. 업로드 할 파일 선택 후 export 클릭.



3. 사이즈 설정 후 save as 클릭. 이렇게만 하면 파일형식이 jpg에서 ico로 변환이 됩니다.




4. 여기까지 하셨다면 이제 티스토리 블로그의 관리자모드로 들어갑니다.
   환경설정- 기본정보- 파비콘 등록




5. 파비콘이 설정 됐으면 아이콘에서 마우스 오른쪽버튼을 눌러 속성을 클릭.
그럼 주소가 뜨죠. 이 주소를 복사해서 메모장에 붙여넣기 해주세요.





6. 꾸미기 - HTML/CSS 편집 으로 들어가서 Ctrl+F 누르신 후 <head>를 검색합니다. 
그리고 그 바로 아래에 <Link rel="shortcut icon" href="아까 복사했던 그 주소 입력">
이렇게 해주시고 저장 누르면 끝입니다. 



 
7. 짠~ 이렇게 완성이 됐네요.


나중에 포토샵을 배워서 더 예쁘게 한번 해봐야겠네요. ㅎㅎ
지금은... 하기 전보다는 낫지만 그래도 좀... 그렇죠ㅠㅠ
암튼, 필요하신 분께 도움이 되었음 좋겠습니다^^

반응형

댓글