유용한팁

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

주소표시줄에 파비콘(Favicon.ico) 추가하기

17년 전

주소표시줄에 파비콘(Favicon.ico) 추가하기

파비콘(Favicon.ico)은 Microsoft® Internet Explorer 5.0에 새롭게 추가된 기능입니다.
즐겨찾기 메뉴와 주소줄에 조그만 아이콘을 이용하여 로고를 나타내 주는 것으로
웹서버에는 추가적인 기능이 필요 없습니다.
위그림과 같이 자신의 사이트를 부각시키는 아이콘을 생성시키는 것인데,
주소란이나 즐겨찾기에 나타나므로 광고효과도 톡톡히 하고 있다고 할 수 있죠.
Internet Explorer 5.0이상에서만 됩니다.

아래 그림은 Internet Explorer 5.0의 즐겨찾기 메뉴와 주소줄에 파비콘(Favicon.ico)이 나타난 예이다.
자신의 사이트를 부각시키는 아이콘을 생성시키는 것인데,
주소란이나 즐겨찾기에 나타나므로 광고효과도 같이 볼 수 있겠죠.

[img1]

자 일단 Favicon.ico 규격을 알아볼까요..
Favicon.ico 만드시려면 아이콘 제작 프로그램이 있어야겠죠.

아래의 공개자료실 사이트에서 아이콘 제작 프로그램을 다운받으시면 되겠죠.

심파일 ==> http://firl.simmani.com
앳파일 ==> http://www.atfile.com
마이폴더넷 ==> ttp://www.myfolder.net

아이콘 크기는 16x16 픽셀의 16칼라 정도로 제작을 하시면 됩니다.

아이콘이 다 만들어졌으면 아이콘의 이름을 favicon.ico 라는 이름으로 저장하십시오.

Favicon.ico 파일을 올리실 때 초기페이지 index.htm이나 index.htm이 있는
디렉토리(root directory)에 올려야합니다

이젠 초기 페이지 index.htm이나 index.html 파일에서
아이콘 파일을 읽을수 있도록 링크만 잡으면 됩니다.
반드시 <head></head> 사이에 넣구요

<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://내홈페이지/favicon.ico">
<TITLE>내 홈페이지</TITLE>
<script language="javascript">

</script>
</HEAD>

아래의 소스는 body 태그아래 적당한 위치에 삽입하면 됩니다.
<a href="javascript:favor()">즐겨찾기 추가</a>

이제 [즐겨찾기 추가]를 선택하면 브라우저의 즐겨찾기에 자신의 홈페이지가 추가될 것입니다.
즐겨찾기 누르신후 즐겨찾기에 있는 자신의 홈페이지를 클릭하면 파비콘(Favicon.ico)이 보일겁니다.

끝

첨부 :

favicon_ico.gif (8.0 KB) (8)

추천 목록

번호	제목
336	유니코드의 UCS와 UTF
335	검색사이트에 보이지 않도록 하기
334	시작페이지 고정시키는법
333	Mysql 사용법
332	이쁘고 귀여운 영문폰트가 많이 있어요^-^
331	웹폰트(webfont)적용법
330	폰트(웹폰트) 설치 . 사용법
	주소표시줄에 파비콘(Favicon.ico) 추가하기
328	외국무료로 다운받는 플래시 싸이트
327	html 소스를 암호화 해줍니다
326	HTML문서를 특수문으로 변환
325	더이상의 필터링은 없다
324	자바스크립트 인코딩한거 디코딩해주는 프로그램
323	자바스크립 인코딩(소스를 암호화 하라)
322	팝업창 소스 생성기[한글]
321	팝업창소스생성기[영문]
320	meta(메타)태그생성기
319	인터넷쇼핑몰 성공비결 20계명
318	검색엔진에서 상위에 노출시키기 위한 애교!
317	내 컴퓨터가 해킹중인지 알 수 있는 방법
316	검색을 잘 하는 10가지 방법
315	XP 서비스팩2에서 팝업창 허용방법
314	포토샵 여러 단축기
313	CPU-FSB와 대역폭
312	윈도우 설치 시디 만들기..
311	특정대상에게 메신져 없이 메세지 보내기
310	서비스팩 적용된 윈도우 시디 만들기
309	레지스트리 복구
308	레지스트리구조
307	도스서 파티션 잡는법