요세미티의 Safari 8에서 내 웹 사이트에 대한 사용자 정의 즐겨 찾기 아이콘 (예 : 새 탭 페이지)을 추가하고 싶습니다. og:imagepng 및 jpg 형식으로 오픈 그래프 태그를 사용해 보았습니다 . 또한 아이콘을 업데이트하는 것처럼 보이는 사이트를 포함하여 즐겨 찾기 페이지에 사용자 정의 아이콘이있는 여러 사이트의 소스를 살펴 보았지만 여전히 이러한 아이콘을 포함하는 올바른 방법을 찾을 수 없습니다. 어떤 도움? 감사.
답변
이것은 OS X와 관련이 없으므로 중재자가이 질문을 다른 네트워크로 옮길 것입니다. 그러나 나는 여전히 이것에 대답 할 것입니다. 당신이 말하고있는 것은 Apple Mark Icon이며 아래 마크 업을 사용하여 구현할 수 있습니다.
<link rel="apple-touch-icon" sizes="57x57" href="https://apple.stackexchange.com/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://apple.stackexchange.com/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://apple.stackexchange.com/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://apple.stackexchange.com/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://apple.stackexchange.com/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://apple.stackexchange.com/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://apple.stackexchange.com/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://apple.stackexchange.com/apple-touch-icon-152x152.png">
Retina 및 Retina 이외의 디스플레이를 지원해야하므로 여러 크기가 있습니다.
출처 : CSS 트릭
답변
Safari (요세미티 버전 9.0.2 이상)에서는 탭에 즐겨 찾기 아이콘이 표시되지 않습니다. 들어 클라이언트 측 솔루션 내가 추천 SafariStand을 . 탭 및 책갈피 막대의 즐겨 찾기 아이콘 , 별도의 다운로드 및 책갈피 패널 및 기타 조정과 같은 많은 추가 기능을 Safari에 추가하는 SIMBL 플러그인 입니다.