본문 바로가기

과거

블로그에 파비콘(Favicon)을 적용해보자


파비콘
[favicon]

즐겨찾기 아이콘. 즐겨찾기(facovities)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음 웹 사이트의 루트 디렉터리에 갖다 넣으면 된다.





사용자 삽입 이미지
주소표시줄에 파비콘이 적용된 모습

먼저 파비콘을 적용하기 전에 이미지를 만들어 주어야 합니다.
파피콘은 확장자 ico이어야 하고요
아이콘파일을 만들어주는 프로그램이 많지만 간편하고 빠르게 만들어 주는 사이트가 있습니다.
자기가 원하는 이미지 파일을 가지고 아이콘파일을 만들어 봅시다

파비콘 만들어주는 사이트 : http://209.59.146.86/favicon/index.php

사용자 삽입 이미지

사이트에 들어가면 요런 화면이 나오고 찾아보기 버튼을 클릭하고 원하는 사진을 넣습니다.
그리곤 옵션 Merge with a 48×48 large XP icon 선택 후(석택은 안하셔도 됩니다)
Create Icon 클릭합시다

사용자 삽입 이미지

만들어진 미리보기 화면이 나오고 맘에든다면
Dawnload Favicon 을 클릭해서 다운받으시면 됩니다.
그럼 Favicon.ico 파일이 만들어 졌습니다.

사용자 삽입 이미지

티스토리 관리자에 들어가서
환경설정 > 기타설정에 들어가면 파피콘 설정화면이 나옵니다.
파비콘란에 아까 만든 Favicon.ico 파일을 넣으시고
아래 저장하기 버튼을 클릭하면 그럼 적용이 완료됩니다 ^-^

사용자 삽입 이미지
짜잔~~^-^


주의 : 파비콘을 적용하고 완료했는데도 보이지 않을 경우가 있습니다.
인터넷옵션에서 임시파일과 캐시를 모두 삭제해주시면 되겠습니다^^


반응형