티스토리 블로그 파비콘 적용하기

파비콘(Favicon) 이란 즐겨찾기(favorites) 와 아이콘(icon)의 합성어로, 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘 을 말합니다. 우리가 즐겨찾는 웹사이트들인 네이버, 다음, 구글, 페이스북 등 방문하여 보면 각각 의 회사를 대표하는 아이콘들로 되어있는 것을 확인할수가 있습니다.

위 이미지 에서 보여지듯이 웹주소창 부분에 티스토리 블로그 의 파비콘 을 확인할수 있습니다. 이 파비콘은 티스토리 블로그에서 기본으로 적용된 것인데 이를 나의 블로그에 알맞게 변경을 할수가 있습니다.(블로그가 아닌 웹사이트 에서도 적용을 해볼수가 있습니다.)

▶티스토리 블로그 파비콘 적용하기

1.자신의 사이트를 대표할수 있는 이미지를 우선 선택하고 해당 이미지를 파비콘으로 만들기 위해 다양한 사이트가 있지만 쉽고 간단하게 만들수 있는 http://www.favicon-generator.org/ 사이트를 방문합니다.(이미지 파일은 가급적 PNG 파일포맷을 활용합니다.)

사이트를 방문후 <파일선택> 을 해서 파비콘으로 만들 이미지를 선택하고 <Create Favicon> 버튼을 클릭합니다. 특별하게 옵션은 건들지 않아도 됩니다.

2.팝업창이 하나 뜨는데 공유하셔도 되지만 그냥 <close> 버튼을 클릭합니다. 그러면 파비콘 파일 이 만들어지고 아래는 웹사이트에 참고할 HTML 코드도 보여줍니다.<Download the generated favicon>를 클릭하여 다운로드 받습니다.

3.다운로드 받은 파일을 확인하고 이제 티스토리 블로그에 파비콘 을 적용하기 위해 티스토리 블로그 관리자 화면으로 들어갑니다. 먼저 댓글 과 방명록 에도 파비콘을 표시 하기위해 <플러그인 설정>을 선택합니다. 적용하려는 해당 플러그인을 찾기 쉽게 상단 <꾸미기> 항목을 클릭, 분류를 정렬한후 아래 <홈페이지 아이콘 표시(파비콘)>을 활성화 합니다.(블로그 아이콘 표시 항목은 중복으로 아이콘이 표시될수 있기때문에 해제합니다.)

4.댓글, 방명록 파비콘 표시 항목을 활성화 한후 실제 웹사이트에 티스토리 파비콘 적용을 위해 관리자화면 하단 환경설정 -> 기본정보 를 선택합니다. 이 부분에서 아이콘 메뉴의 파비콘 에서 <찾아보기> 를 클릭하고 미리 다운받은 파일을 압축해제 한후 많은 파일이 나오는데 이중 favicon.ico 파일을 선택후 favicon.ico 파일을 업로드 합니다. 업로그가 완료 되면 <저장>을 하면 됩니다.

5.위와 같이 내 티스토리 블로그 에 파비콘 을 적용 하면 되지만, 간혹 웹브라우저 환경에 따라 생성한 파비콘이 바로 나타나지 않을 수가 있습니다. 이경우 내 웹브라우저 에서 이전 기록을 저장해 놓고 불러 오고 있기 때문에 나타나는 현상인데 이 기록 파일을 삭제하여 주면 됩니다.(환경-익스플로러11:인터넷옵션->검색기록삭제 , 크롬:설정->방문기록->인터넷사용정보삭제) 

6.아래 이미지를 통해 티스토리 블로그 가 익스플로러 와 크롬 모두 적용된 모습을 확인할수가 있습니다.