Desidero aggiungere icone personalizzate personalizzate (ad es. nuova scheda) per il mio sito Web in Safari 8 su Yosemite. Ho provato il tag grafico aperto og:image con entrambi i formati png e jpg. Ho anche esaminato la fonte di diversi siti che avevano le icone personalizzate nella mia pagina dei preferiti, incluso un sito che sembrava aggiornare la sua icona, e non riesco ancora a trovare il modo giusto per includere queste icone. Qualsiasi aiuto? Grazie.
Questo non è correlato a OS X, quindi consentirò al moderatore di spostare questa domanda su un'altra rete. Ma ho ancora intenzione di rispondere a questo. Quello di cui stai parlando è Apple Touch Icon che può essere implementato usando il markup qui sotto:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
Ci sono più dimensioni perché deve supportare il display Retina e non Retina.
Fonte: Trucchi CSS
Safari (almeno versione 9.0.2 su Yosemite) non mostra favicon nelle schede. Per una soluzione lato client raccomando SafariStand . È un plug-in SIMBL che aggiunge molte funzionalità extra al Safari come favicon sulle schede e barra dei segnalibri, pannello di download e segnalibri separato e altre modifiche.