반응형
Favicon : .ico 또는 .png / 올바른 태그? [복제]
이 질문에는 이미 답변이 있습니다.
HTML5 문서에서 어떤 파비콘 형식을 권장하며 그 이유는 무엇입니까? IE7과 모든 최신 브라우저에서 지원하고 싶습니다.
또한 .png를 사용할 때 유형 (type = "image / png")을 지정해야합니까?
모든 브라우저와 호환됩니다 .ico.
.png는 여러 프로그램을 사용하여 쉽게 만들 수 있기 때문에 점점 더 많은 지원을 받고 있습니다.
.ico
<link rel="shortcut icon" href="http://example.com/myicon.ico" />
.png의 경우 유형을 지정해야합니다
<link rel="icon" type="image/png" href="http://example.com/image.png" />
여기 참조 : 크로스 브라우저 파비콘
그 방법은 다음과 같습니다.
<link rel="icon" type="image/png" href="http://www.example.com/image.png"><!-- Major Browsers -->
<!--[if IE]><link rel="SHORTCUT ICON" href="http://www.example.com/alternateimage.ico"/><![endif]--><!-- Internet Explorer-->
나는 이것이 오래된 질문이라는 것을 안다.
다른 플랫폼 요구 사항을 충족시키는 또 다른 옵션이 있습니다- 소스
<link rel='shortcut icon' type='image/vnd.microsoft.icon' href='/favicon.ico'> <!-- IE -->
<link rel='apple-touch-icon' type='image/png' href='/icon.57.png'> <!-- iPhone -->
<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='/icon.72.png'> <!-- iPad -->
<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='/icon.114.png'> <!-- iPhone4 -->
<link rel='icon' type='image/png' href='/icon.114.png'> <!-- Opera Speed Dial, at least 144×114 px -->
이것은 내가 지금까지 찾은 가장 광범위한 접근법입니다.
궁극적으로 결정은 자신의 필요에 달려 있습니다. 대상 독자는 누구입니까?
2018 년 5 월 27 일 업데이트 : 예상대로 시간이 흐르고 상황이 바뀝니다. 그러나 좋은 소식도 있습니다. 아이콘이 모든 최신 브라우저 및 플랫폼에서 작동하는 데 필요한 모든 라인을 생성하는 Real Favicon Generator 라는 도구를 찾았습니다 . 그러나 이전 버전과의 호환성은 처리하지 않습니다.
참고 URL : https://stackoverflow.com/questions/6121725/favicon-ico-or-png-correct-tags
반응형
'Programing' 카테고리의 다른 글
| 2 시간마다 cron 작업을 실행하는 방법 (0) | 2020.04.24 |
|---|---|
| C #에서 개인 속성을 사용해야하는 이유가 있습니까? (0) | 2020.04.24 |
| Jackson에서 JSON 문자열을 JsonNode로 구문 분석하는 방법은 무엇입니까? (0) | 2020.04.24 |
| 데이터베이스에서 숫자의 정밀도와 스케일을 어떻게 해석합니까? (0) | 2020.04.24 |
| 자식 복제 중“https에 대한 원격 도우미를 찾을 수 없습니다” (0) | 2020.04.24 |