캠핑과 개발


브라우저의 주소창이나 탭, 즐겨찾기에 사이트만의 특정 로고나 이미지를 삽입하는 방법이다.



1. favicon.ico 제작

먼저 사용될 favicon 아이콘을 제작한다.
사이즈는 16*16, 32*32, 48*48로 제작
jpg,gif,png 등의 파일을 사이즈에 맞게 제작을 하여 파일명은 favicon, 확장자는 ico 확장자로 변경한다. 직접 제작을 해도 되나 그러지 못한 경우는 검색해보면 많이 나오니 찾아서 제작
하나 추천 : http://www.html-kit.com/favicon

2. html 페이지 코드 삽입
 
만들어진 favicon.ico를 WebRoot 하위에 업로드 함
index 페이지에 다음 코드를 삽입

방법 1

<html>
<head>
    <title>favicon</title>
     <link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
</body>
</html>

방법 2
<html>
<head>
    <title>favicon</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
</body>
</html>


이미지가에 문제가 있는경우는 나타나지 않을 수도 있다.