파비콘 제작 및 파비콘 적용 방법

자신의 웹의 트레이드 마크 파비콘.

이번 포스팅은 파비콘의 생성과 적용법을 포스팅하겠습니다.

파비콘이란 웹에서 나타낼 수 있는 문양을 말합니다.

네이버는 초록색박스에 흰색 N,

티스토리는 주황색박스에 흰색 T,

구글은 파란색박스에 흰색 g,

Annotation 블로그는 CMD :)

이처럼 개성있는 모양으로 해당 웹을 표현 할 수 있는데요.

이 파비콘을 매우 쉽게 제작 할 수 있는 사이트가 있습니다.

화면을 설명드리겠습니다.

먼저 favicon.cc 를 눌러서 이동하세요.

1) 파비콘을 직접 그리는 공간입니다.

2) 직접그린 파비콘을 확인할 수 있으며 다운로드 할 수 있습니다.

3) 다른사람이 제작한 파비콘을 미리보고, 검색하고, 다운로드 할 수 있습니다.

파비콘 생성에 끝났다면 이번엔 파비콘 적용방법입니다.

1. 파비콘 아이콘을 웹루트 원하는 곳에 옮겨놓습니다.

2. 자신의 메인 페이지를 편집합니다.

3. 헤드 태그 부근에 다음의 코드를 입력합니다.

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

 4. 확인해 봅시다.

가끔 파비콘 적용이 안되거나, 아이콘을 다른것으로 변경하였는데도 이전 이미지로 나오는 경우가 있습니다.

이때는 브라우저 캐시를 삭제한 후 확인하시면 됩니다. :)