2008-09-23 3 views
16

웹 브라우저에서 사이트 URL 옆에 표시되는 아이콘에 대한 정보를 갖고 싶습니다. 이 브라우저의 특정 기능입니까? 아이콘 소스는 어디서 지정해야합니까? 즉, 웹 페이지 자체의 일부 태그에 있습니까?사이트 URL 옆에 이미지 아이콘

+0

참조 asp.net 응용 프로그램에서 파비콘을 사용하여이 튜토리얼에 볼 수이라고 파비콘 http://stackoverflow.com/questions/37073/what-is-currently-the-best-way - favicon-to-all-browsers에 이르기까지 - –

답변

47

이 아이콘은 favicons

대부분의 웹 브라우저는 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> 

Source from the W3C itself.

가장 좋은 방법은 같은 아이콘 이미지와 함께 둘 다 할 아마도 것입니다.

-3

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

+0

이것은 Windows와 아무 관련이 없습니다. –

+1

물론 원래의 favicon은 Microsoft에서 구현했습니다. 이전 버전과 호환되는 유일한 형식은 windows .ico 형식입니다. 뿐만 아니라 일부 브라우저는 메타 태그를 무시하고 어쨌든 URL을로드합니다. – Chris

+1

원래 지원되는 형식으로 Windows 아이콘 형식의 Internet Explorer 기능이었습니다. – Jim

0

다음은 favicons - 자세한 정보입니다.

기본적으로 .ico 파일은 웹 서버의 루트 디렉토리에 있습니다.

9

을 대부분의 최신 브라우저에서 URL 옆에있는 주소 표시 줄에 표시되는 16x16 (또는 더 큰) 이미지를 지정하십시오. 다른 사람이 다음과 같은 코드를 사용하여 HTML의 <head>에 지정해야하는 반면

일부 브라우저는,

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

이를 웹 폴더의 루트에있는 favicon.ico라는 파일을 선택 원래는 IE에서했던 방식 이었지만 표준에 맞지 않습니다 (rel의 공간 때문에). 그래서 대부분의 브라우저는 다음과 같이 할 수 있습니다. 다음과 같이하면 표준 이미지 형식을 사용할 수 있습니다. .ico

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

오메 사이트는 애니메이션 GIF를 favicon으로 사용합니다. 귀하의 취향에 따라 차갑거나 굉장히 성가신 것으로 보일 수 있으며, 모든 브라우저에서 지원되지 않을 수도 있습니다.

0

그 정보를 얻을 수있는 가장 쉬운 방법이 간단한 웹 응용 프로그램입니다

link text

당신은 페이지의 URL을 입력해야하고 모든 이미지의 속성을 반환

+1

좋은 마케팅 – patricksweeney

0

그들은있어 favicons. 브라우저는 favicon에 대해 서버를 보거나 서버에서 찾습니다.특별하다고

관련 문제