Che cos’è una favicon e come crearne una per il tuo sito web


Cos’è una favicon e come farne una per il tuo sito web

Spesso, quando si pubblica il proprio sito web, si trascura un piccolo particolare che può però fare una grande differenza - la favicon. Questa piccola aggiunta al tuo sito web fa davvero la differenza, quindi è importante non sottovalutarne l'importanza. Ecco tutto quello che devi sapere sulle favicon e su come crearle:



Cos'è un'immagine favicon


Una favicon è una piccola icona di 16x16 pixel usata sui browser per rappresentare un sito o una pagina web. Abbreviazione inglese di 'icona preferita' (Favorite Icon), le favicon sono più comunemente visualizzate sulle schede nella parte superiore di un browser web, ma si trovano anche sulla barra dei segnalibri del tuo browser, sulla cronologia e su altre parti web. In alcuni casi, come su Google Chrome, fanno persino la loro comparsa sulla homepage del tuo browser. In altre parole, la favicon serve come icona del tuo sito web, o come brand visivo con cui identificare il tuo sito in giro per il web.



Che cos'è una Favicon


Perché le favicon sono importanti


Nonostante le loro minuscole dimensioni, le favicon sono molto importanti per qualsiasi sito web, poiché migliorano l'esperienza dell'utente, il branding e la professionalità del sito.


Esperienza utente: le favicon agiscono come spunti visivi memorabili per il tuo sito web, migliorando l'esperienza utente. Aiutano gli utenti a localizzare facilmente la scheda del tuo sito web sul loro browser e attraverso diverse applicazioni come la barra dei segnalibri, rendono più facile tornare al sito più e più volte.


Branding: per garantire omogeneità al brand, è importante non trascurare nemmeno il più piccolo dei dettagli. Le favicon contribuiscono a fortificare il branding e la visibilità del tuo sito web, estendendo il tuo stile e il tuo linguaggio al di fuori del sito e nel browser.


Professionalità: le favicon contribuiscono alla legittimità e alla professionalità del tuo sito web, facendolo apparire più preciso e dettagliato.



Come creare una favicon


Per creare la tua favicon, puoi assumere un designer professionista (se già lavori con uno, puoi includere la creazione di un favicon nel contratto). Puoi anche creare una favicon da solo usando un programma di design di tua scelta, come un favicon generator, o altri strumenti online. Uno di questi strumenti raccomandati è Wix Logo Maker, che ti permette di creare una favicon professionale e personalizzata per riflettere al meglio lo stile e le esigenze del tuo business.


Dimensione: la dimensione ottimale per creare una favicon è 16x16 pixel, che è la dimensione in cui sono più comunemente visualizzate. Tuttavia, a volte possono apparire anche in dimensioni più grandi (come 32x32 pixel).


File: il formato perfetto per una favicon è JPEG o PNG.


Trasparenza: nel caso in cui il tuo disegno abbia uno sfondo trasparente, assicurati di salvare il tuo file come PNG e con l'impostazione di trasparenza attivata.



Dimensioni di una Favicon


Suggerimenti per creare una favicon


Progettare qualcosa di così piccolo può sembrare una passeggiata. Tuttavia, il fatto che le icone dei siti web siano così piccole implica accuratezza, poichè non si possono commettere errori. Ecco alcuni consigli su come creare una favicon che si adatti al meglio al tuo brand e al tuo sito web:


Semplicità: le piccole dimensioni delle favicon richiedono che il tuo design sia preciso. Evita di aggiungere troppi dettagli come piccole linee, texture od ombreggiature. Punta invece su un'icona vivace, chiara e semplice che sia immediatamente riconoscibile.


Identità del brand: una favicon deve rappresentare lo spirito del tuo sito e del tuo brand, mantenendo lo stesso linguaggio visivo e lo schema di colori del resto del tuo sito web.


Per il sito Wix del brand di moda Sorry, la favicon a forma di X è una continuazione dello stesso audace linguaggio visivo in bianco e nero dei loro vestiti e del loro logo. Allo stesso modo, la favicon di eBay fonde i colori del brand con l'icona di una piccola borsa della spesa, catturando perfettamente lo spirito del sito.



Favicon brand Sorry

Favicon brand Ebay


Poco o nessun testo: se vuoi includere una tipografia (testo) nella tua favicon, come il nome del tuo brand, limitati a uno o tre caratteri. Le iniziali o le abbreviazioni sono spesso buone soluzioni per accorciare il testo.


Il sito Wix per l'organizzazione no-profit Arte, usa l'iniziale A del loro logo come favicon, con uno sfondo verde neon aggiunto per attirare l'attenzione. In alternativa, la favicon che adorna il sito Wix Red Fern con sede a Brooklyn non ha alcun testo. Utilizza invece solo l'icona di una foglia, ottenendo la massima leggibilità.




Favicon brand Arte

Favicon RedFern


Uso del logo: mentre alcuni loghi possono apparire al meglio anche nelle dimensioni della favicon, la maggior parte dei loghi sono difficilmente leggibili quando vengono rimpiccioliti. Se vuoi usare il tuo logo come favicon, saranno probabilmente necessarie alcune modifiche. Omettere la tag line, o usare solo un'iniziale, sono solo alcuni dei modi utlizzati per ottimizzare i loghi in piccole dimensioni.


Nota come la favicon di Google è leggermente diversa dal suo logo, pur incarnando gli stessi valori di design. La favicon mostra solo la familiare iniziale G, incorporando tutti e quattro i colori del brand in quella singola lettera. Un approccio diverso è stato utilizzato dall'illustratrice e utente Wix Charlotte Mei, che usa le iniziali del suo logo disegnato a mano come favicon.



Favicon Google

Favicon Charlotte Mei


Colore: tieni presente che la favicon sarà visualizzata su diversi sfondi colorati, a seconda del contesto e del browser utilizzato. Pertanto, assicurati di testare la tua favicon su sfondi grigi, bianchi e neri prima di finalizzare il design.



Come aggiungere una favicon al tuo sito Wix


I siti Wix includono automaticamente una favicon standard di default, ma puoi personalizzarla passando a un piano Premium e collegando il tuo sito a un dominio.


Ecco come puoi facilmente cambiare la favicon sul tuo sito Wix:


  1. Nel pannello di controllo del tuo sito, vai su Impostazioni.

  2. Clicca su 'Gestisci' accanto a 'Favicon'.

  3. Clicca 'Carica Immagine' e seleziona un'immagine esistente o clicca su 'Carica Media' per caricare un'immagine da computer.

  4. Clicca su "Aggiungi alla pagina". Vedrai un'anteprima di come sarà la tua favicon sulla scheda del browser.

  5. Clicca su 'Salva', e ta-da! Il tuo sito web ha ora una favicon. Apparirà sulla scheda del tuo sito web una volta che avrai cliccato su "Pubblica".




Il team di Wix

Immagine per mobile

Questo blog è stato creato con Wix Blog