홈페이지 주소창에 이미지(favicon) 만들기

Bynicejee
광고

[출처 : 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>

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

광고

함께보면 좋은 글

  • CD 이미지 추출 ISO 파일 만들기 – 네로, WinISO, UltraISO

    가끔씩 시디를 ISO 이미지로 해서 하드디스크에 복사하고 싶을 때가 있다. 왜냐구….? 시디를 넣었다 뺏다를 반복하기 싫은 귀차니즘의 절정이랄까.. ㅡ.ㅡ; 여튼… CD/DVD를 ISO로 추출하는 방법이 정리가 참 잘되어 있는 글을 찾았다. 아래 링크를 가면 된다. http://blog.naver.com/lucky777a?Redirect=Log&logNo=100066007967

  • MSN 라이브 메신저 한글 오류 패치

    이전 MSN 메신저가 윈도 라이브 메신저라는 이름으로 변경이 되면서향상된 기능으로 버전업되었다. 그런데…. 문제는 다 좋은데…가장 중요한 한글이 안되는 문제… 즉, 메신저의 버디리스트(시작줄 우측 하단에서 [메신저 열기]를 했을 때 나오는 창)가 띄어져 있는(활성화된 상태) 상태에서만 다른 사람과 대화할 때 한글이 되는…

  • 윈도우 정품키 확인

    가끔 회사에서 비품 관련한 내용을 정리하다보면… 동료분들의 윈도우 정품키를 확인하는 때가 있다.   그런데…   노트북이나 PC 구매 시 번들로 이미 윈도우가 설치되어온 것들은 가끔 누락이 되어 있어서… 방법은 여러가지가 있지만…   가장 편한 것은…   1. 윈도우 커맨드창 호출–…

  • [UTIL] 폴더 가드

    윈도우를 쓰다보면 가끔씩 폴더를 누가 함부로 못 열도록 하고 싶을 때가 있다. 그러나…  우낀 건 윈도우 자체 내에서 폴더를 잠금시켜 버리는 기능이 있으면 좋으련만 아직 그런 기능이 없다. 그래서 그런지 살짝 찾아보니 이런 유틸이 있었다. Folder Guard… 좀 쓰기엔 그리…

  • 무료 텍스트에디터 “Notepad++”

    지금은 아득한 추억이긴 하지만… ^^; 예전에 잠깐 코피 흘려가며(?) 미친듯이 개발을 했던 시절… 나에게는 너무도 친근한 Editplus+(에디트플러스) 라는 텍스트 에디터가 있었다. 유료 프로그램이긴 하지만… 언제나 그렇듯 과자(?)를 이용하여 정말 잘도 썼었다. 요즘 잠깐 잠깐씩 에디터를 쓸 때가 있는데… 무료를 찾다보니 국내…