브라우저 주소 표시줄의 URL 주소 옆에 개인화된 아이콘이 있습니까?

문제

브라우저 주소 표시줄의 URL 주소 옆 왼쪽에 회사 아이콘이 나타나도록 코딩하려면 어떻게 해야 합니까?

해결책

당신은 찾고 있습니다 파비콘.

다른 팁

www.whateveryouron.com/favicon.ico를 로드합니다.

도메인이 robermyers.com인 경우 액세스 가능한 favicon.ico 16px 아이콘을 넣으면 부싯돌처럼 됩니다.그냥 이것을 시도해 보세요 구글 또는 스택오버플로우

파비콘을 생성해야 합니다.파비콘은 표준(적어도 Windows에서는) .ico 파일을 사용합니다.로고가 있는 경우 다음과 같은 사이트에서 변환할 수 있습니다. http://www.favicongenerator.com/

에서 <head> HTML 페이지의 <link> 태그를 사용하여 파비콘의 위치를 다음과 같이 정의하세요.

<link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />

아이콘을 표시하려면 페이지를 새로 고쳐야 할 수도 있습니다.

웹서버에 다음과 같은 파일을 로드합니다. favicon.ico

최신 브라우저에서는 .ico 이외의 다른 파일 형식도 작동합니다.거기에 애니메이션 GIF를 넣을 수도 있습니다!

다른 페이지/디렉토리는 y0mbo의 예와 유사한 코드를 사용하여 다른 .ico를 호출할 수도 있습니다(이것이 Mint가 사용하는 것입니다).

<link href="sc/ph645.43/images/icons/mint.ico" rel="icon" type="text/x-icon" />

이것 파비콘에 대한 자세한 내용은 좋은 기사입니다.

나는 애니메이션 파비콘이 깜박이는 태그의 방향으로 갈 가능성이 있다고 생각합니다. 민트 FF3를 방문하면 FF가 인식된 SSL 인증서를 지정하는 데 사용하는 녹색 색상과 일치하는 것을 볼 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow