favicon 생성
개발/Javascript2009. 9. 17. 17:02
브라우저의 주소창이나 탭, 즐겨찾기에 사이트만의 특정 로고나 이미지를 삽입하는 방법이다.
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>
이미지가에 문제가 있는경우는 나타나지 않을 수도 있다.
'개발 > Javascript' 카테고리의 다른 글
| 크로스 브라우저 투명 코드 처리 (0) | 2009.09.21 |
|---|---|
| [javascript] 사이트 즐겨찾기 추가하기 (0) | 2009.09.17 |
| [javascript] 현재 페이지를 시작페이지로 설정하기 (0) | 2009.09.17 |
| [javascript] 바탕화면에 사이트 바로가기 만들기 (0) | 2009.09.15 |
| [prototype.js] Element 생성하기 (0) | 2009.09.09 |
