티스토리 뷰
목차
반응형
[출처 : http://hmjkor.tistory.com/109]
브라우저의 주소창이나 탭, 즐겨찾기에 사이트만의 특정 로고나 이미지를 삽입하는 방법이다.
 |
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>
<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>
이미지가에 문제가 있는경우는 나타나지 않을 수도 있다.
반응형