[png] favicon.png vs favicon.ico-ICO 대신 PNG를 사용해야하는 이유는 무엇입니까?

PNG가 더 일반적인 이미지 형식이라는 사실 외에 favicon.png와 favicon.ico를 선호하는 기술적 이유가 있습니까?

PNG 선호 아이콘을 모두 지원하는 최신 브라우저를 지원하고 있습니다.



답변

이 글타래에서 다양한 다른 사람들의 많은 업데이트와 노트로 인해 답변이 교체되었고 (커뮤니티 위키가 됨)

  • ICO와 PNG는 모두 알파 채널 기반의 투명성을 허용합니다.
  • ICO는 기존 브라우저 (예 : IE6)와의 하위 호환성을 허용합니다
  • PNG는 투명성에 대한 광범위한 툴링 지원을 제공하지만 @mercator에서 언급 한 Dynamic Drive 툴Photoshop 플러그인 과 같이 알파 채널 ICO를 생성하는 툴도 찾을 수 있습니다 .

자세한 내용은 다른 답변을 참조하십시오.


답변

모든 최신 브라우저 (Chrome 4, Firefox 3.5, IE8, Opera 10 및 Safari 4에서 테스트)는를 favicon.ico통해 바로 가기 아이콘을 지정하지 않은 한 항상 요청합니다 <link>. 따라서 명시 적으로 지정하지 않으면 favicon.ico404를 피하기 위해 항상 파일을 갖는 것이 가장 좋습니다. Yahoo! 작고 캐시 가능하도록 제안합니다.

알파 투명도를 위해 PNG를 사용할 필요도 없습니다. ICO 파일 은 알파 투명도 (예 : 32 비트 색상)를 지원하지만 거의 모든 도구를 사용하여 만들 수는 없습니다. 나는 정기적으로 Dynamic Drive의 FavIcon Generator 를 사용 favicon.ico하여 알파 투명도를 가진 파일 을 만듭니다 . 내가 아는 유일한 온라인 도구입니다.

또한 만들 수 있는 무료 Photoshop 플러그인 도 있습니다.


답변

.png를 파일이 좋은,하지만 질환자 파일은 알파 채널 투명성을 제공, 너무, 플러스 그들은 당신에게 이전 버전과의 호환성을 제공합니다.

예를 들어 StackOverflow 가 어떤 유형을 사용 하는지 살펴보십시오 (투명 함).

<link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">
<link rel="apple-touch-icon" href="http://sstatic.net/so/apple-touch-icon.png">

apple-itouch는 웹 사이트에 대한 바로 가기를 만드는 iPhone 사용자를위한 것입니다.


답변

* .ico 파일의 이론적 장점은 둘 이상의 아이콘을 보유 할 수있는 것보다 컨테이너라는 것입니다. 예를 들어 레거시 시스템의 알파 채널과 16 색 버전의 이미지를 저장하거나 32×32 및 48×48 아이콘을 추가 할 수 있습니다 (예 : Windows 탐색기로 링크를 끌 때 표시됨).

그러나이 좋은 아이디어는 브라우저 구현과 충돌하는 경향이 있습니다.


답변

PNG에는 두 가지 장점이 있습니다. 크기가 작고 즐겨 찾기 아이콘을 제외하고는 더 널리 사용되고 지원됩니다. ICO 전에 언급했듯이 여러 크기의 아이콘을 가질 수 있으며 이는 데스크탑 응용 프로그램에는 유용하지만 웹 사이트에는 그리 크지 않습니다. 응용 프로그램의 루트에 favicon.ico를 넣는 것이 좋습니다. 웹 사이트 페이지 헤드에 액세스 할 수있는 경우 태그를 사용하여 png 파일을 가리 킵니다. 따라서 오래된 브라우저는 favicon.ico와 최신 브라우저는 png를 표시합니다.

Png 및 Icon 파일을 만들려면 The Gimp을 추천 합니다.


답변

Google+와 같은 일부 소셜 도구는 간단한 방법을 사용하여 외부 링크에 대한 파비콘을 가져와 http://your.domainname.com/favicon.ico를 가져옵니다.

HTML 컨텐츠를 프리 페치하지 않으므로 <link>태그가 작동하지 않습니다. 이 경우 mod_rewrite 규칙을 사용하거나 파일을 기본 위치에 배치 할 수 있습니다.


답변

ico는 png 일 수 있습니다 .

보다 정확하게는 모든 사람이 ico와 강력하게 연관시키는 일반적인 비트 맵 + 알파 대신이 최소 컨테이너 형식 내에 하나 이상의 png를 저장할 수 있습니다.

지원은 구식이며 Windows Vista (2007)에 나타나며 아이콘 편집 소프트웨어는 아니지만 브라우저에서 잘 지원됩니다.

유효한 모든 png (헤더 포함) 앞에 6 바이트 ico 헤더 와 16 바이트 이미지 디렉토리 가 추가 될 수 있습니다 .
김프는 기본적으로 지원합니다. ico로 내보내고 “압축 (PNG)”을 선택하십시오.