사이트 URL 옆의 이미지 아이콘

문제

웹 브라우저의 사이트 URL과 함께 표시되는 아이콘에 대한 정보를 원합니다. 브라우저 특정 기능입니까? 아이콘 소스 (즉, 웹 페이지 자체의 일부 태그에있는 아이콘 소스를 어디에 지정합니까?

해결책

이 아이콘이 호출됩니다 파비콘

대부분의 웹 브라우저는 지원합니다 http://mysite.com/favicon.ico 그러나 올바른 방법은 헤드 프로파일에 아이콘 메타 태그를 포함시키는 것입니다.

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

가장 좋은 방법은 아마도 동일한 아이콘 이미지로 둘 다 수행하는 것입니다.

다른 팁

나는 당신이 다음을 언급한다고 믿습니다 파비콘, 웹 사이트는 대부분의 최신 브라우저의 URL 옆 주소 표시 줄에 표시되는 16x16 (또는 더 큰) 이미지를 지정할 수 있습니다.

일부 브라우저는 웹 폴더의 루트에있는 favicon.ico라는 파일을 선택하는 반면 다른 브라우저는 <head> 다음 코드를 사용하는 HTML의

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

이것은 원래 IE로 수행 된 방식 이었지만 (REL의 공간 때문에) 표준을 준수하지 않으므로 대부분의 브라우저는 이제 다음과 같이 수행 할 수 있습니다. 그냥 .ico

<link rel="icon" href="favicon.png" type="image/png" />

파비콘이라고합니다.

이 세 가지 질문을 확인하고 싶을 수도 있습니다.

이것들은 파비콘 - 해당 페이지에 대한 자세한 정보.

기본적으로 .ico는 웹 서버의 루트 디렉토리에 파일을 파일합니다.

일부 사이트는 애니메이션 GIF를 Favicon으로 사용한다고 덧붙입니다. 취향에 따라 über 시원하거나 최고의 성가신 것으로 볼 수 있으며 모든 브라우저에서 지원하지 않을 것입니다.

이 정보를 얻는 가장 쉬운 방법은이 간단한 웹 앱입니다.

페이지의 URL 만 입력하면 모든 이미지 속성을 반환합니다.

그것들입니다 파비콘. 브라우저는 favicon.ico의 서버를 방문합니다

이것을 Favicon이라고합니다. 링크

원래 URL에 저장된 Windows 아이콘 형식 파일이었습니다. http : //site/favicon.ico. 대부분의 사이트는 여전히 favicon.ico를 사용하고 있으며 메타 태그에 관계없이 많은 브라우저가 자동으로 보입니다.

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

제휴하지 않습니다 StackOverflow