2011-11-18 11 views
8

Se specifico diverse dimensioni di immagine per PNG favicon in questo modo:Tutte le dimensioni favicon sono state recuperate dal server?

<link rel="icon" type="image/png" sizes="16x16" href="/favicon.png" /> 
<link rel="icon" type="image/png" sizes="24x24" href="/favicon-24px.png" /> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32px.png" /> 
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48px.png" /> 
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64px.png" /> 
<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256px.png" /> 
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512px.png" /> 
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 

fa ogni uno di questi file vengono recuperati?

risposta

3

In base allo specification, verrà utilizzata l'icona più appropriata. Quindi non c'è bisogno di recuperare qualcosa che non ha senso.

Se vengono fornite più icone, il programma utente deve selezionare l'icona più appropriata in base al tipo, ai supporti e alle dimensioni.

+1

La specifica dice solo che deciderà quale usare. Comunque sia che si recuperi è solo un'ipotesi. – chimerical

+2

E non contare sull'icona più appropriata da recuperare. Firefox sembra avere solo il più grande e poi ridimensionarlo. Internet Explorer sembra non supportare affatto i file PNG. – Twilite

+0

Beh, sono d'accordo, se non ci sono informazioni esplicite sulle specifiche, quindi è probabile che varieranno da browser a browser, in quanto il browser potrebbe semplicemente scaricare quello da utilizzare o scaricare tutto in cache e utilizzare in futuro (il minimo presumibile) . In ogni caso, solo la lettura di alcuni registri di accesso risponderà a buona parte della domanda. –

5

Citando http://www.jonathantneal.com/blog/understand-the-favicon/:

Come questi browser PNG-favicon-compatibile determinano quali favicon dovrebbe essere utilizzato? Firefox e Safari useranno la favicon che arriva per lo . Chrome per Mac utilizzerà qualsiasi favicon con formattazione ICO, altrimenti la favicon 32 × 32. Chrome per Windows utilizzerà la favicon che viene prima se è 16 × 16, altrimenti l'ICO. Se nessuna delle opzioni indicate è , entrambi i Chromi useranno la preferenza di , esattamente l'opposto di Firefox e Safari. Infatti, Chrome per Mac ignorerà la favicon 16 × 16 e utilizzerà la versione 32 × 32 se non altro per ridimensionarla su 16 × 16 su dispositivi non retina. Opera, non volendo schierarsi, sceglierà tra tutte le icone disponibili a a caso. Adoro che Opera lo faccia.

E questo è solo l'inizio. Ora è il momento di conoscere le avvertenze di Internet Explorer .

Mentre IE8-10 visualizzerà la favicon al primo caricamento della pagina, IE7 salterà il primo caricamento e visualizzerà la favicon durante le visite ripetute. Peggio ancora, IE6 visualizzerà la favicon solo una volta che il sito è stato aggiunto ai segnalibri e riaperto nel browser . IE6 rilascerà anche la favicon ogni volta che la cache del browser viene cancellata e non visualizzerà nuovamente la favicon fino a quando il sito non verrà riscritto, o la favicon verrà in qualche modo ricaricata. Se IE6 e favicon significano molto per te, puoi forzare questa ricarica con un piccolo snippet JavaScript , preferibilmente racchiuso in un commento condizionale .

<!-- I "support" IE6 --> 
<!--[if IE 6]><script>(new Image).src="path/to/favicon.ico"</script><![endif]--> 
+0

Se qualcuno può fornire più specifiche (come descritto sopra), si prega di fare. Preferirei assegnare la taglia a qualcun altro. –

-1

Il browser avrà un solo file, se presente.

2

Sorprendentemente, ho osservato che alcuni browser stanno caricando tutte le favicon PNG, non solo il più adatto uno:

  • Chrome su Windows
  • Chrome su Android
  • Firefox su Windows

Non ho provato altre impostazioni, come Firefox su Android.

Ulteriori informazioni su "all favicons are loaded" issue.

Problemi correlati