2010-09-16 7 views
12

IE9 ha il concetto di bloccare un determinato sito Web nella barra delle applicazioni di Windows 7. Per alcuni siti (come Facebook), visualizzerà una favicon extra grande nella barra delle applicazioni e anche accanto al pulsante Indietro.Dove IE9 cerca le grandi favicon?

Come si comunica a IE di eseguire questa operazione per il mio sito?

risposta

8

Si prega di leggere il seguente articolo
How to enable IE9 pinning and Jumplists

Creare una Favicon alta definizione

file favicon standard sono di solito 32x32 o 16x16 pixel di dimensione. Questi hanno un bell'aspetto nel browser ma quando lo si aggancia alla barra delle applicazioni può essere un po 'piccolo e pixellato.

Per offrire la migliore esperienza di pinning, è necessario utilizzare una favicon 64x64. Ho usato http://www.favicon.co.uk/ per creare un file icona 64 x 64 e poi lo ho caricato sul mio sito.

È quindi necessario assicurarsi di utilizzare la nuova favicon verificando che il tag indichi il nuovo file fav.ico 64x64.

Fondamentalmente ora è possibile creare un file favicon più grande e IE9 lo utilizzerà nella barra delle applicazioni. Tuttavia, se si dispone di una favicon di dimensioni standard, IE9 continuerà a utilizzarla.

Un ulteriore vantaggio è che è possibile implementare una JumpList straordinaria per migliorare l'esperienza di navigazione dei visitatori.

Ulteriori approfondimenti: http://www.hanselman.com/blog/IE9SiteSpecificBrowsersAndAddingYourOwnJumpListItemsToPinnedTabs.aspx

+0

nota a margine: JumpLists funzionerà in [Firefox] (http://www.bnet.com/blog/businesstips/add-firefox-jump-lists-to-windows-7-with-winfox/3819) pure –

+0

grazie per il collegamento al mio blog :) –

14

E 'un po' tardi, ma ho trovato la risposta di cui sopra per essere un po 'incompleta.

I file ico possono contenere più immagini allo stesso tempo. Ad esempio, puoi inserire un'immagine 16x16, 24x24 e 32x32 all'interno di un singolo file ico. In questo modo, IE può utilizzare l'immagine con la dimensione più appropriata. Quindi userà 16x16 all'interno della barra degli indirizzi, il 32x32 per la barra delle applicazioni (pin) e il 24x24 per il prossimo al pulsante indietro. Se vuoi che abbiano un aspetto migliore sugli schermi ad alta risoluzione, puoi utilizzare 64x64 anziché 32x32 e 48x48 invece di 24x24.

Si potrebbe anche utilizzare diversi tipi di immagini anziché la stessa immagine in scale diverse; quindi ad es. solo il logo sul 16x16 e 24x24, ma il logo e il marchio sul 32x32.

Uno strumento per la creazione di tali icone è l'applicazione della riga di comando png2ico, o icoFx se ti piace una GUI.

+0

Non ho mai saputo che i file ico potessero avere più immagini in loro ... ma sicuramente ha spiegato perché la mia favicon png era 8K e l'ico era 30K. +1 – Kasapo