favicon.png vs favicon.ico- 왜 ICO 대신 PNG를 사용해야합니까?
https://stackoverflow.com/questions/1344122
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
PNG가 더 일반적인 이미지 형식이라는 사실 외에는 favicon.png vs. favicon.ico를 선호 할 기술적 인 이유가 있습니까?
나는 모두 PNG가 좋아하는 아이콘을 지원하는 최신 브라우저를 지원하고 있습니다.
해결책
이 스레드의 다양한 업데이트와 메모로 인해 대답을 대체 (및 커뮤니티 위키)로 바꿨습니다.
- ICO와 PNG는 모두 전체 알파 채널 기반 투명성을 허용합니다.
- ICO는 이전 브라우저 (예 : IE6)와의 거꾸로 호환성을 허용합니다.
- PNG는 아마도 투명성에 대한 더 넓은 툴링 지원을 가지고 있지만 Alpha 채널 ICO를 만들 수있는 도구를 찾을 수 있습니다. 동적 드라이브 도구 그리고 Photoshop 플러그인 @Mercator가 언급했습니다.
자세한 내용은 여기에서 다른 답변에 문의하십시오.
다른 팁
모든 현대식 브라우저 (Chrome 4, Firefox 3.5, IE8, Opera 10 및 Safari 4)로 테스트)는 항상 favicon.ico 바로 가기 아이콘을 지정하지 않는 한 <link>. 따라서 명시 적으로 명시하지 않으면 항상 favicon.ico 404를 피하기 위해 파일. 야후! 작고 캐시 가능하다는 것을 제안합니다.
그리고 당신은 알파 투명성을 위해 PNG를 갈 필요가 없습니다. ICO 파일 알파 투명도를 지원합니다 (예 : 32 비트 색상). 나는 정기적으로 사용합니다 다이나믹 드라이브의 파비콘 생성기 만들다 favicon.ico 알파 투명성이있는 파일. 내가 아는 유일한 온라인 도구입니다.
무료도 있습니다 Photoshop 플러그인 그것은 그들을 만들 수 있습니다.
.png 파일은 좋지만 .ico 파일도 알파 채널 투명성을 제공합니다. ...을 더한 그들은 당신에게 거꾸로 호환성을 제공합니다.
어떤 유형을 살펴보십시오 스택 오버플로 예를 들어 사용합니다 (투명합니다) :
<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 Thingy는 웹 사이트에 바로 가기를 만드는 iPhone 사용자를위한 것입니다.
*.ICO 파일의 이론적 장점은 둘 이상의 아이콘을 보유 할 수있는 것보다 컨테이너라는 것입니다. 예를 들어 레거시 시스템 용 Alpha 채널과 16 개의 컬러 버전이있는 이미지를 저장하거나 32x32 및 48x48 아이콘을 추가 할 수 있습니다 (Windows 탐색기로 링크를 드래그 할 때 위로 올라야 함).
그러나이 좋은 생각은 브라우저 구현과 충돌하는 경향이 있습니다.
PNG에는 두 가지 장점이 있습니다. 크기가 작고 더 널리 사용되고 지원됩니다 (Favicons를 제외하고). 앞에서 언급했듯이 ICO에는 여러 크기의 아이콘이있을 수 있으며,이 아이콘은 데스크탑 응용 프로그램에 유용하지만 웹 사이트에는 그리 많지 않습니다. 응용 프로그램의 루트에 favicon.ico를 넣는 것이 좋습니다. 웹 사이트 페이지의 헤드에 액세스 할 수있는 경우 태그를 사용하여 PNG 파일을 가리 킵니다. 따라서 오래된 브라우저는 favicon.ico와 새로운 브라우저를 PNG에 보여줄 것입니다.
PNG 및 아이콘 파일을 만들려면 권장합니다 김프.
Google+와 같은 일부 소셜 도구는 간단한 방법을 사용하여 외부 링크에 대한 Favicon을 얻고http://your.domainname.com/favicon.ico
그들은 HTML 컨텐츠를 프리 페치하지 않기 때문에 <link> 태그가 작동하지 않습니다. 이 경우 mod_rewrite 규칙을 사용하거나 파일을 기본 위치에 배치 할 수 있습니다.
ICO는 할 수 있습니다 ~이다 PNG.
보다 정확하게는 모든 사람이 ICO와 강력하게 연관시키는 일반적인 비트 맵+알파 대신이 최소 컨테이너 형식 안에 하나 이상의 PNG를 저장할 수 있습니다.
지원은 오래되었고 Windows Vista에 나타납니다 (2007)은 아이콘 편집 소프트웨어로 반드시 브라우저에서 잘 지원됩니다.
유효한 PNG (전체 헤더 포함)는 6 바이트 ICO 헤더 및 16 바이트 이미지 디렉토리.
김프에는 기본 지원이 있습니다. 간단히 ICO로 내보내고 "압축 (PNG)"진드기를 진드기.
신뢰할 수있는 IE6 호환성을 원한다면 어쨌든 PNG를 피하십시오.
