유용한팁 645

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

19년 전

주소표시줄에 파비콘(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) (44)

추천 목록

번호	제목
1,348	Windows 서비스 관리자에서 Apache 서버가 멈췄을 때 시스템 자체를 재부팅
1,347	윈도우에서 Apache 서버 상태를 체크한 후 문제가 발생하면 자동으로 재부팅
1,346	윈도우 서버 2019 취약점 점검 보안
1,345	윈도우 서버 2019 취약점 점검 보안 (windows server 2019)
1,344	Windows 취약점진단 보안가이드라인
1,343	Windows Admin Center를 통한 서버 관리
1,342	윈도우 서버에서 실행되는 서비스 확인
1,341	Chrome NET::ERR CERT REVOKED 해결방법
1,340	cmd 명령어 (명령 프롬프트 명령어) 모음
1,339	Windows10 특정 프로그램(OCS 2007 R2)에서 첨부파일 드래그앤드롭이 안 되는 현상
1,338	윈도우 로그, 관리 이벤트 삭제
1,337	클린 부팅
1,336	[SFC 명령어, DISM 명령어]] 무결성 검사 및 시스템 파일 손상 파일 복구
1,335	Windows Defender 검사 기록 삭제하기
1,334	간단한 윈도우 10 정품 인증 (크랙프로그램 필요없음)
1,333	오류난 폴더 강제삭제 방법
1,332	크롬에서 플래시 항상 허용하도록 설정하기 (레지스트리) reg 파일 만들기
1,331	GPT 디스크를 MBR 디스크로 변환
1,330	MBR 디스크를 GPT 디스크로 변환
1,329	구글 검색을 200% 활용하게 해주는 검색 명령어 총정리
1,328	[Jquery] jQuery로 우클릭 방지, 드래그 방지, 선택 방지 (IE10, 파이어폭스, 크롬 확인)
1,327	php 사용자 접속IP, 브라우저정보, os정보, http, https 접속프로토콜 알아오기
1,326	[PHP] IE 브라우저 접속 검출하기
1,325	윈도우10 시스템 예약 파티션 확인 및 삭제
1,324	윈도우10 복구 파티션 삭제 방법
1,323	윈도우10 부팅지연 검은화면에서 몇분간 머무는 현상 해결방법
1,322	삼성노트북 바이오스 진입이 불가능한 경우 바이오스 재설치와 NVRAM 초기화
1,321	익스플로러(IE)의 구글 검색공급자 한글로 변경 방법
1,320	윈도우 10 기본 앱 삭제 및 복구
1,319	meta 태그 http-equiv 설정방법과 차이점