Je souhaite ajouter des icônes de favoris personnalisées (c'est-à-dire un nouvel onglet) pour mon site Web dans Safari 8 sur Yosemite. J'ai essayé la balise Open Graph og:image
avec les formats png et jpg. J'ai également examiné la source de plusieurs sites qui avaient les icônes personnalisées dans ma page de favoris, y compris un site qui semblait mettre à jour son icône, et je ne trouve toujours pas la bonne façon d'inclure ces icônes. Avez-vous de l'aide ? Merci.
Réponses
Trop de publicités?Cette question n'est pas liée à OS X, je vais donc laisser le modérateur la déplacer vers un autre réseau. Mais je vais quand même y répondre. Celle dont vous parlez est l'icône tactile Apple qui peut être mise en œuvre en utilisant le balisage ci-dessous :
<link rel="apple-touch-icon" sizes="57x57" href="http://apple.stackexchange.com/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://apple.stackexchange.com/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://apple.stackexchange.com/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://apple.stackexchange.com/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="http://apple.stackexchange.com/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://apple.stackexchange.com/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://apple.stackexchange.com/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://apple.stackexchange.com/apple-touch-icon-152x152.png">
Il existe plusieurs tailles, car il doit prendre en charge les écrans Retina et non-Retina.
Source : Trucs et astuces CSS
Safari (au moins la version 9.0.2 sur Yosemite) n'affiche pas la favicon dans les onglets. Pour une solution côté client je recommande SafariStand . Il s'agit d'un plug-in SIMBL qui ajoute de nombreuses fonctionnalités supplémentaires à Safari, telles que favicon sur les onglets et la barre de signets, un panneau séparé pour les téléchargements et les signets, et d'autres améliorations.