favicon.ico 제작과 설정

favicon.ico 제작과 설정 

 

정리. 수알치 오상문 

 

favicon.ico는 웹브라우즈 페이지 탭이나 주소창 왼쪽에 나타나는 아이콘 파일입니다. 

제가 테스트했을 때 익스플로러9에서는 탭과 주소창에 잘 나타났고

크롬에서는 탭에는 나타나는데 주소창에는 나타나지 않네요(크롬이 보안 아이콘 표시 영역으로 쓰는 듯... )

 

 

참고로 웹 브라우저 예전 버전에서는 오동작하는 경우도 있다고 합니다. 

favicon.ico 파일은 특정 폴더에 저장하고 불러오도록 설정합니다. 

 

제 경우에는 장고 웹 사이트에서 사용한 html 파일의 head 영역에 다음처럼 지정했습니다. 

 

<link rel="shortcut icon" href="{% static '\icon\favicon.ico' %}" type="image/x-icon" />
<link rel="icon" href="{% static '\icon\favicon.ico' %}" type="image/x-icon" />

 

일반 html 파일이라면,  

href = "파비콘접근경로" 형식으로 지정합니다.  ( href = "favicon.ico" )

경로가 부정확하면 서버쪽에 에러 메시지가 발생하지만,

웹브라우저에서 동작하는 사이트 웹 페이지에는 영향을 주지 않으니

favicon.ico 404 에러는 무시해도 됩니다.

 

이런 아이콘을 제작하는 사이트는 다음과 같습니다.

 

http://www.degraeve.com/favicon/ 

Favicon Generator

사이트 사용법은 아래 링크를 참조하세요.

https://esajin.kr/28

[HTML] favicon(파비콘)생성 및 사이트 적용 방법