Как добавить свою Touch Icon для Safari 11 Desktop на Маке?

Question

[MagAssist]

Доброго времени суток!

Подскажите, пожалуйста, как добавить свою иконку (Touch Icon) в избранное в десктопной версии Safari 11 на Maс OS X.
Скриншот – https://yadi.sk/i/9NxUf9XI3WRSbn

Некоторые сайты добавили отображение иконок и после добавления в закладки все отображается. Но, например, Яндекс.Доставка такую иконку не отображается. Подскажите, пожалуйста, как возможно задать свою?

Знаю что есть ~/Library/Safari/Touch Icons Cache/Images/ и там хранятся изображения закладок, но только если хоть какие-то были, для той же Яндекс.Доставки нет никакой.

Answer 1

[Alex Marken]

Здесь стоит вопрос в том, есть ли у сайта поддержка данной иконки формата SVG.
По-другому никак. Если есть svg, будет красивая иконка на TouchBar. Нет - отображение favicon.

Для своего сайта сделал поддержку иконки для TouchBar. Могу поделиться, как зашить в коде.
Вдруг поможет.

1. Сделай ЧБ иконку в формате SVG, залей её в директорию сайта;
2. В head страницы добавь

<link rel="mask-icon" href="/favicon.svg" color="#5181b8">

Вот и вся магия)

Пример, моя иконка последняя с голубым фоном

Comments

[MagAssist]

Спасибо за ответ! Но я по поводу того, чтобы настроить отображение у себя на ноутбуке для сайтов, которые этого не сделали. Ну например, для Яндекс.Доставки. Мне никто не даст конечно же возможности залить туда нужную иконку, хотя им следовало бы это давно сделать:)