Come Creare una Favicon
 TeleTec.it | Cerca nel sito Teletec Categorie Home Page | Tv in Streaming | Appunti Web
Cerca nel sito Teletec CategorieTeleTec.it | Tv


Home Page > Internet > Grafica
Come Creare una Favicon
Copyright di Rosario Sancetta
28.07.2015 - 10:07:12 - Tempo di lettura: 7.3 min.
Come creare una favicon

Il sito del tuo amico mostra una piccola icona personalizzata accanto al titolo del sito e anche tu vuoi fare la stessa cosa. In questa guida ti spieghiamo come fare.


In questa guida potrai creare un'icona per il tuo sito in modo semplice, veloce, gratuito e direttamente online. Ecco come creare subito la tua Favicon.

La Favicon - Che cos'è?
Si tratta di una piccola icona che viene mostrata in corrispondenza del titolo di un sito web o di un blog o in corrispondenza dell'url del sito. Inoltre quando un sito viene aggiunto in preferiti da parte di un utente, nell'elenco dei siti in preferiti verrà mostrato il nome del sito e l'icona, per facilitare l'individuazione del sito stesso.

Non ha caso la Favicon trae le sue origini da 2 parole inglesi, ovvero 'favorites' + 'icon', quindi 'Favicon'.

Come creare una Favicon online
In questa guida voglio mostrarti come creare una Favicon per il tuo sito o per il tuo blog direttamente online, senza quindi scaricare software nel tuo computer.

Avviamo l'editor HTML5 per creare la Favicon
Il primo passo da fare è cliccare qui per accedere all'editor online messo a disposizione dal sito MrWebMaster.

Ora abbiamo a disposizione 2 soluzioni per creare la Favicon. La prima soluzione è quella di crearla manualmente riempiendo gli spazi in modo tale da formare un'immagine. E' un'operazione divertente e creativa.

La seconda soluzione invece è quella sbrigativa. Non dovrai fare altro che cliccare su Importa Immagine e caricare un'immagine direttamente dal tuo computer. L'immagine verrà caricata nell'editor e potrà essere modificata ulteriormente oppure salvata nel computer.



Scarichiamo la Favicon nel computer
Dopo aver caricato l'immagine e visto l'anteprima, puoi scaricare la Favicon nel tuo computer cliccando sul tasto Scarica la Favicon.

Inseriamo la Favicon nel nostro sito o Blog
Ora che la tua Favicon è pronta non ti resta che inserirla nel tuo sito. La prima cosa da fare è quella di utilizzare un software FTP per copiare la Favicon nello spazio web del tuo sito.

Un ultimo passo ed è fatta
Infine, ma non per ultimo, dovrai aggiungere questa semplice riga di codice tra i Tags < head > e < /head > del tuo sito:

< link rel='icon' href='/percorso/favicon.ico' / >

Ricarichiamo il sito
Dopo aver aggiunto la riga e inserito la Favicon per vederla subito in azione apri il tuo sito e premi F5 o CTRL+R per aggiornare la pagina. Verrà mostrata l'icona vicino al nome del sito.

Note aggiuntive
Come ovviamente avrai già intuito il Tag Head che ho scritto sopra non deve avere spazi tra la barra maggiore e il Tag stesso, così anche come per il < link che deve essere senza spazio.
Semplicemente ho dovuto adottare questo sistema per non far processare al browser i tags che quindi non sarebbero stati mostrati nella guida.

Percorso della Favicon
Per il percorso puoi utilizzare direttamente l'url del tuo sito se è un sito dinamico, quindi un esempio è:

< link rel='icon' href='vai.php?w=http://www.nomesito.it/favicon.ico' / >

Inoltre su Teletec.it puoi trovare anche software per creare icone e scaricare icone gratuite. Clicca qui per scoprire come.

Home Page > Internet > Grafica


Spero di esserti stato d'aiuto.
Sono Rosario Sancetta, il responsabile di questo sito. Sono un programmatore informatico dal 1991, un Top Contributor di Google, Eccellenza in Digitale Italiana ed Europea ed esperto in Web Marketing.

Commenti

E tu cosa ne pensi?

Lascia un tuo commento, oppure condividi questo contenuto.

 

Nome

 

Commento

 

Attenzione richiesta:

Il tuo nome e il tuo commento verranno registrati all'interno del nostro server. Puoi utilizzare anche un nome che non identifichi la tua persona per restare nell'anonimato. Ad esempio, se ti chiami "Mario Rossi" puoi scrivere semplicemente Mario. L'unico scopo di questo servizio e' quello di arricchire i contenuti attraverso i commenti, oppure esprimere opinioni, pareri e suggerimenti. Prima di continuare devi selezionare il box qui sotto e dare il tuo consenso, se vuoi davvero inviare il tuo commento. Grazie in anticipo per il tuo tempo.

 

Ok, ho capito.

 

Scrivi quanto fa 2+3 qui sotto:

 


Altre Guide
1 - Come Applicare l'Effetto Mirror Online - Mirror Effect
2 - Come Estrarre il Testo da PDF, Foto e Immagini in qualsiasi Lingua
3 - Come Realizzare Screenshot Professionali - Screely
4 - Come Creare Stencil Online
5 - Come Creare GIF da Video o Slideshow da un Gruppo di Immagini - Giphy
6 - Come Trasformare Online un'Immagine o una Foto con 2 Tonalità
+ Tutte le guide Grafica >>