Offerte Telefonia e ADSL - Dicembre

Come Creare una Favicon

Home Page > Internet > Grafica
Copyright di Rosario Sancetta - 28.07.2015 - 10:07:12 - Tempo di lettura: 7.3 min.



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.

Come Creare una Favicon
[Clicca qui per ingrandire l'immagine]
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.



       

Le Guide Piu' Recenti


Come Identificare un Font Contenuto nelle Immagini


Come Creare Online una Palette di Colori da una Foto


Come Creare Emoji Personalizzate Online con Emojibuilder


Come Disegnare un Logo Online con Designevo


Come Creare Icone con Foto Personali da Impostare su Windows, Linux o Mac


+ Tutte le guide Grafica >>





Scopri Cosa stanno leggendo gli altri utenti su Teletec.it
[Teletec Noise]


Teletec Magazine n.20
Ecco lo Speciale sulla sicurezza.
Scopri come fare, clicca qui

Ed in piu' le dritte per recuperare i messaggi eliminati da WhatsApp anche dopo 7 minuti!






Leggi le News Hitech in Tempo reale


Cerca nel sito:

Home

Telefonia

Computer

Internet

Corsi Online

Elettronica

Richieste di Aiuto

Tv in Streaming

Software

Notizie HiTech

Mappa del sito

Teletec.it su Google Play Edicola

Feed RSS - Le nuove guide

Feed RSS - Telefonia

Feed RSS - Computer

Feed RSS - Internet

Feed RSS - Elettronica

Feed RSS - Richieste di Aiuto

Tutti i servizi

^ Torna Su ^




^ Torna Su ^