다음은 웹 사이트의 favicon에 사용하는 코드의 최소 예입니다. Safari 8.0의 주소 표시 줄에 파비콘으로 표시되지만 북마크로 추가 할 때 주소 표시 줄을 클릭하면 나타나는 즐겨 찾기 드롭 다운 상자에는 표시되지 않습니다. 대신 기본 나침반 아이콘이 나타납니다. 드롭 다운 상자에 내 아이콘을 표시하려면 HTML5에서 추가하거나 변경해야하는 항목은 무엇입니까?Safari 8.0 용 HTML5에 책갈피 아이콘을 어떻게 추가합니까?
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
</head>
<body>
</body>
</html>
Safari 8.0의 즐겨 찾기 드롭 다운 상자에 아이콘이 나타나는 다른 웹 사이트를보고 아이콘을 추가하는 방법을 알았습니다. 나는 그것이 왜 작동하는지 모르겠다. 그러나 그것은 내가 보았던 나와 다른 웹 사이트에서 효과가있다. 아이콘이 바로 가기 아이콘이고 형식이 image/x-icon이고 파일이 ICO임을 지정하십시오.
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
</body>
</html>
큰 아이콘 크기 (예 : 144x144 픽셀)로 시도해보십시오.
링크가 < head> 섹션 외부에있을 때 아이콘이 북마크에 표시되지만 홈 화면에서는 작동하지 않는 것으로 보입니다.
- 다른 사람에게 도움이됩니다.
수정 된 버전이 더 좋을 것입니다. – CAFEBABE
나는 144x144 픽셀을 시도했지만 작동하지 않았습니다. –