Как получить пользовательские иконки избранного в Safari 8 на Yosemite?

Я хочу добавить пользовательские значки избранного (т.е. страницу новой вкладки) для своего веб-сайта в Safari 8 на Yosemite. Я пробовал открывать тег тега в og:imageформатах png и jpg. Я также просмотрел источник нескольких сайтов, на которых были пользовательские значки, на моей странице избранного, в том числе сайт, который обновлял свой значок, и до сих пор не могу найти правильный способ включения этих значков. Любая помощь? Спасибо.

safari yosemite

— preahkumpii
источник

Вы говорите о фавиконе?

— StrawHara

Нет. Я имею в виду значки избранного на новой вкладке в Safari.

— preahkumpii

Вы пытались удалить связанный файл в /Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage перед добавлением своего сайта в Избранное?

— StrawHara

Да. Ничего не произошло. Пользовательский значок никогда не показывался. Показан только значок по умолчанию, что заставляет меня поверить, что я не правильно использую значок.

— preahkumpii

@MrMojoRisin Это для личного макета Safari пользователя. Это определенно правильное место здесь. И теперь я серьезно задаюсь вопросом, как это сделать ..

— Роб

Ответы:

Это не относится к OS X, поэтому я позволю модератору перенести этот вопрос в другую сеть. Но я все еще собираюсь ответить на это. То, о чем вы говорите, это Apple Touch Icon, который можно реализовать с помощью разметки ниже:

<link rel="apple-touch-icon" sizes="57x57" href="/apple//apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple//apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple//apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple//apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple//apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple//apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple//apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple//apple-touch-icon-152x152.png">

Есть несколько размеров, потому что он должен поддерживать Retina и не Retina дисплей.

Источник: CSS Tricks

— sayzlim
источник

Не работает. Я добавил их в 57, 120 и 152 размерах (согласно веб-сайту Apple), и избранное не отвечает.

— preahkumpii

Какой у вас сайт?

— Сайзлим

pintsizedtreasures.com

— preahkumpii

Я открыл ваш сайт и не нашел упомянутых сенсорных иконок. Вы вставили это?

— sayzlim

Я вставил их, но значки не показывались, поэтому я их удалил. Однако теперь любимые значки теперь отображаются в Safari. Понятия не имею почему. Пойди разберись.

— preahkumpii

Safari (по крайней мере, версия 9.0.2 на Yosemite) не показывает значок в закладках. Для решения на стороне клиента я рекомендую SafariStand . Это плагин SIMBL, который добавляет в Safari множество дополнительных функций, таких как значок на вкладках и панели закладок, отдельная панель загрузки и закладок и другие настройки.

— Хамид Рохани
источник