Як отримати власні іконки улюблених у 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="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">

Існує кілька розмірів, оскільки він повинен підтримувати відображення сітківки та неретина.

Джерело: CSS Tricks

— сайзлим
джерело

Не працює. Я додав їх у розмірах 57, 120 та 152 (відповідно до веб-сайту Apple), а вибране не відповідає.

— preahkumpii

Який ваш веб-сайт?

— sayzlim

pintsizedtreasures.com

— preahkumpii

Я відкрив ваш сайт і не знайшов згаданих сенсорних піктограм. Ви вставили його?

— sayzlim

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

— preahkumpii

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

— Хамід Рохані
джерело