[favicon] 즐겨 찾기 아이콘은 32×32 또는 16×16이어야합니까?

단일 이미지를 일반 파비콘 및 iPhone / iPad 친화적 파비콘으로 사용하고 싶습니다.

이것이 가능한가? 일반 브라우저 즐겨 찾기 아이콘으로 연결하면 iPad 용 72×72 PNG 크기가 조정됩니까? 아니면 별도의 16×16 또는 32×32 이미지를 사용해야합니까?



답변

IE의 경우 favicon.ico 파일에 16×16, 32×32 및 48×48이 포함되어있는 것이 좋습니다 .

iOS의 경우 Apple은 iOS 8을 실행하는 최신 장비의 경우 최대 180×180의 특정 파일 이름과 해상도를 권장합니다 .

Android Chrome은 주로 매니페스트를 사용하며 Apple touch 아이콘도 사용합니다.

Windows 8.0의 IE 10에는 PNG 그림과 배경색이 필요 하고 Windows 8.1 및 10의 IE 11에는이라는 전용 XML 파일에 선언 된 여러 PNG 그림이 허용됩니다browserconfig.xml .

Mac OS X 용 Safari El Capitan은 고정 탭용 SVG 아이콘을 소개합니다 .

일부 다른 플랫폼 은 Google TV96×96 그림 또는 Opera Coast228×228 그림 과 같이 다양한 해상도의 PNG 파일을 찾습니다 .

완전한 참조 를 위해이 파비콘 그림 목록 을 보십시오 .

TLDR :이 파비콘 생성기 는 이러한 모든 파일을 한 번에 생성 할 수 있습니다. 생성기는 WordPress 플러그인 으로 구현할 수도 있습니다 . 전체 공개 : 저는이 사이트의 저자입니다.


답변

여기에 나열된 최신 정보가 표시되지 않으므로 여기로 이동하십시오.

지금이 질문에 대답하기 위해 아이콘이 어디에서나 멋지게 보이려면 2 개의 파비콘이 그렇게하지 않습니다. 아래 크기를 참조하십시오 :

16 x 16 – 브라우저의 표준 크기
24 x 24 – 사용자 인터페이스의 IE9 고정 사이트 크기
32 x 32 – IE 새 페이지 탭, Windows 7+ 작업 표시 줄 단추, Safari 읽기 목록 사이드 바
48 x 48 – Windows 사이트
57 x 57 – iPod touch , iPhone 최대 3G
60 x 60 – iPhone 최대 iOS7
64 x 64 – Windows 사이트, Safari 리더 목록 사이드 바 HiDPI / Retina
70 x 70 – Win 8.1 메트로 타일
72 x 72 – iPad iOS 최대 iOS6
76 x 76 – iOS7
96 x 96 – GoogleTV
114 x 114 – iPhone retina touch 최대 iOS6
120 x 120 – iPhone retina touch iOS7
128 x 128 – Chrome 웹 스토어 앱, Android
144 x 144 – IE10 고정 사이트 용 메트로 타일, iOS6까지 iPad retina
150 x 150 – 승리 8.1 메트로 타일
152 x 152 – iPad retina touch iOS7
196 x 196 – Android Chrome
310 x 150 – 승리 8.1 와이드 메트로 타일
310 x 310 – 승리 8.1 메트로 타일


답변

브라우저가 큰 아이콘을 확장하는지 여부는 확실하지 않지만 W3C는 다음 1을 제안합니다 .

선택한 이미지의 형식은 8 비트 또는 24 비트 색상을 사용하는 16×16 픽셀 또는 32×32 픽셀이어야합니다. 이미지 형식은 PNG (W3C 표준), GIF 또는 ICO 중 하나 여야합니다.


1 w3c.org : 사이트에 Favicon을 추가하는 방법 (초안 개발 중) .


답변

실제로 모든 브라우저에서 즐겨 찾기 아이콘이 제대로 작동하게하려면 올바른 크기와 형식으로 10 개 이상의 파일을 추가해야합니다.

내 친구와 나는 이것을 위해 앱을 만들었습니다! faviconit.com 에서 찾을 수 있습니다

우리는 이렇게했습니다. 그래서 사람들은이 이미지들과 올바른 태그를 손으로 직접 만들 필요가 없습니다.


답변

동일한 파일에 여러 크기의 아이콘을 가질 수 있습니다 . 나는 일반적으로 .ico48, 32 및 16 픽셀의 파비콘 ( 파일)을 만듭니다 . 원하는 크기의 이미지를 추가 할 수 있습니다. 문제는 아이폰이 ico파일을 사용할 것인가이다.

ico또한 투명도를 지원하지만 PNG와 같은 알파 채널인지 확실하지 않습니다. 켜져 있거나 꺼져있는 GIF와 비슷할 것입니다.


답변

FaviconWikipedia Article에 따르면 Internet Explorer는 favicon에 대해 ICO 형식 만 지원합니다.

나는 두 개의 다른 아이콘을 고수 할 것입니다.


답변

파비콘은 16×16 또는 32×32 일 필요는 없습니다. 80×80 또는 100×100 인 즐겨 찾기 아이콘을 만들 수 있습니다. 두 값의 크기가 같아야하며 너무 크거나 작게 만들지 말고 합리적인 크기를 선택하십시오.