Come ottenere icone dei preferiti personalizzate in Safari 8 su Yosemite?

Voglio aggiungere icone dei preferiti personalizzate (ovvero una nuova scheda) per il mio sito Web in Safari 8 su Yosemite. Ho provato il tag grafico aperto og:imagecon 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.

safari yosemite

— preahkumpii
fonte

Parli di favicon?

— StrawHara,

No. Mi riferisco alle icone dei preferiti nella nuova scheda in Safari.

— preahkumpii,

Hai provato a eliminare il file associato in /Users/USER_NAME/Library/Safari/LocalStorage/http.yourwebsite.localstorage prima di aggiungere il tuo sito Web in Preferiti?

— StrawHara,

Sì. Non accade nulla. L'icona personalizzata non è mai stata mostrata. È stata mostrata solo l'icona predefinita, facendomi credere che non sto implementando correttamente l'icona.

— preahkumpii,

@MrMojoRisin È per il layout Safari personale dell'utente. Questo è sicuramente il posto giusto qui. E ora mi chiedo seriamente come farlo ...

— Rob,

Risposte:

Questo non è correlato a OS X, quindi permetterò al moderatore di spostare questa domanda su un'altra rete. Ma continuerò a rispondere a questo. Quello di cui stai parlando è Apple Touch Icon che può essere implementato utilizzando il markup di seguito:

<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">

Esistono più dimensioni perché deve supportare i display Retina e non Retina.

Fonte: trucchi CSS

— sayzlim
fonte

Non funziona. Li ho aggiunti alle dimensioni 57, 120 e 152 (come nel sito Web Apple) e i preferiti non rispondono.

— preahkumpii,

Qual è il tuo sito web?

— sayzlim,

pintsizedtreasures.com

— preahkumpii

Ho aperto il tuo sito e non ho trovato le icone a sfioramento menzionate. L'hai inserito?

— sayzlim,

Li ho inseriti, ma le icone non sono state visualizzate, quindi le ho rimosse. Ora, tuttavia, le icone preferite vengono ora visualizzate in Safari. Non ho idea del perché. Vai a capire.

— preahkumpii,

Safari (almeno la versione 9.0.2 su Yosemite) non mostra favicon nelle schede. Per una soluzione lato client consiglio SafariStand . È un plug-in SIMBL che aggiunge molte funzionalità extra a Safari come favicon su schede e barra dei segnalibri, pannello separato per download e segnalibri e altre modifiche.

— Hamid Rohani
fonte