• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Come creare una favicon

Virtox

Utente Strepitoso
Autore del topic
5 Giugno 2009
4.184
77
Miglior risposta
0
_45393675_google_favicon_466x240.gif

Come creare una favicon

Una favicon non è altro che una piccola immagine di 16x16 pixel, generalmente salvata come file .ico, ma anche come .gif o .png. Proprio a causa di queste loro ridottissime dimensioni, le favicon possono risultare difficili da creare. Ovviamente è più semplice riuscire a creare una buona favicon se si parte da un’immagine geometrica e non troppo elaborata, piuttosto che da scritte o immagini astratte.

Per creare le nostre favicon possiamo utilizzare uno degli appositi tool online disponibili, fra cui possiamo citare:

Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!


Ognuno di questi strumenti permette di creare una nuova favicon partendo da zero o importando un’immagine, oltre che di salvare e scaricare il file .ico generato.

Trovare una favicon:

Se non vogliamo cimentarci nella creazione di una nostra favicon possiamo cercare direttamente online: molti siti propongono favicons già pronte che possono essere liberamente scaricate e utilizzate. Una semplice ricerca con un Motore di ricerca e avremo centinaia di favicon, statiche o animate, fra cui scegliere. E’ ovvio, però, che in questo modo difficilmente riusciremo a riprendere nella favicon il nostro logo o un elemento grafico caratterizzante del nostro Sito Web.

Come inserire una favicon accanto al titolo della pagina?

Tramite un qualsiasi FTP carichiamo la favicon appena creata nella root principale del sito e inseriamo nella pagina tra i tag head questo codice:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Ciao :emoji_slight_smile: