Generatore di Favicon
Minimo sforzo, massimo valore di riconoscimento: con il generatore di favicon, può creare facilmente e gratuitamente una favicon e integrarla nel suo sito web. Desidera invece un logo fatto di lettere? Nessun problema grazie al generatore di lettere!
Scaricare Edge | Scaricare Chrome | Scaricare Firefox
Come funziona il nostro generatore di favicon?
Il nostro generatore di favicon è molto semplice da usare: basta caricare il file immagine, modificarlo, visualizzarlo in anteprima, scaricarlo - e la sua icona ICO è pronta per essere utilizzata! Questo significa che non deve spendere molto tempo con un software di editing di immagini: può fare tutto direttamente online.
- Carichi la sua immagine per la favicon, se ne ha già una. In alternativa, può progettare un logo secondo le sue preferenze nel generatore di lettere. Nota bene: l'immagine deve essere quadrata e di dimensioni minime di 310 x 310 pixel per essere caricata.
- Il generatore di favicon converte l'immagine in file ICO e PNG. La sua icona avrà quindi un formato supportato da tutti i browser. Può utilizzare la funzione di anteprima per vedere come apparirà il risultato nel browser e nella versione app.
- Manca solo il download! Può scaricare la favicon come file ZIP e poi integrarla nel suo sito web in qualsiasi momento.
Se ha integrato la favicon sul suo sito web, la piccola grafica apparirà ora accanto all'URL nella barra degli indirizzi del browser e, più recentemente, direttamente nei risultati di ricerca di Google.
Creare la sua favicon in 3 passi, senza alcun software di grafica: con il generatore, può creare una caratteristica riconoscibile per il suo marchio in pochi minuti.
Che cos'è un file ICO?
ICO è un file di icone di Windows e, in una certa misura, un pacchetto completo: il file è composto da diversi livelli e contiene file di immagini PNG di dimensioni diverse su questi livelli. A seconda di dove viene visualizzata la favicon, il browser utilizza un file immagine diverso dal file ICO. I formati ICO più comuni sono 16 x 16 pixel, 32 x 32 pixele 48 x 48 pixel. In teoria, anche altri formati di file (PNG, GIF) possono essere utilizzati come favicon - ma solo con le versioni più recenti del browser.
La favicon perfetta
Come deve essere una favicon? Innanzitutto, non troppo sovraccarica! Infatti, a seconda del dispositivo finale e del browser su cui viene visualizzata la favicon, un'icona molto dettagliata potrebbe non essere visualizzata correttamente. Google, ad esempio, utilizza una semplice G nei colori caratteristici di Google. Con lettere, un logo o un'emoji va sul sicuro!
Posso utilizzare la favicon anche per le app?
Sì, è possibile. Le icone delle app sono i piccoli simboli che tocca quando desidera aprire un'applicazione sul suo smartphone (le cosiddette icone touch). Può anche crearle con il nostro generatore. Ciò significa che il file ZIP contiene tutti i formati di icona necessari per una corretta visualizzazione sui dispositivi mobili. Questi includono 57 x 57, 72 x 72 o 144 x 144.
I browser cercano automaticamente le favicon e visualizzano un messaggio di errore se non trovano un'icona. Quindi, perché farne a meno, quando è così facile da creare: inizi subito!
Perché non dovrebbe rinunciare alle favicon
Un buon motivo per le favicon è il fatto che hanno un alto valore di riconoscimento. Dopotutto, le immagini sono più attraenti del testo semplice, quindi è giunto il momento di inserire la funzione icona nel suo sito web! Inoltre, la mancanza di una favicon può avere un effetto negativo sulle classifiche di Google. Questo perché il browser cerca automaticamente questa grafica e invia un messaggio di errore se non viene trovata alcuna icona. Questo aumenta il tempo di caricamento della pagina.
La favicon è pronta e - e ora?
Può integrare la favicon finita nella directory principale del suo dominio con un semplice comando. Tutto ciò di cui ha bisogno è un programma FTP come FileZilla e i seguenti comandi HTML. Questi comandi devono essere inseriti nel file HTML nella parte <head>.
<html>
<head>
<!-- Per i dispositivi Apple -->
<link rel="apple-touch-icon" sizes="180x180" href="[PATH TO ICON]/apple-touch-icon-180x180.png">
<!-- Per i browser -->
<link rel="shortcut icon" type="image/x-icon" href="[PATH TO ICON]/favicon-32x32.ico">
<link rel="icon" type="image/png" sizes="96x96" href="[PATH TO ICON]/favicon-96x96.png">
<!-- Per Windows -->
<meta name="msapplication-square310x310logo" content="[PATH TO ICON]/mstile-310x310.png">
<meta name="msapplication-TileColor" content="[COLORE HEX (ad esempio #000000)]">
</head>
<body>
<h1>Favicons!</h1>
</body>
</html>Inserisca queste righe nell'area head della directory principale. In alternativa, molti CMS offrono la possibilità di integrare la favicon tramite il media center nel backend (veda sotto). Il nostro consiglio: cancelli la cache del browser dopo l'incorporazione, altrimenti potrebbe non caricarsi immediatamente.
Per siti web, blog e negozi online
I webmaster amano le favicon perché sono un'aggiunta utile a qualsiasi progetto web. Dai piccoli blog su Blogger, Tumblr o WordPress ai negozi online e ai siti web aziendali di grandi dimensioni, le favicon attirano l'attenzione e conferiscono al marchio un alto valore di riconoscimento.
Su tutti i browser e dispositivi
La sua favicon sarà visualizzata correttamente in tutti i browser e sui desktop e le schermate iniziali di tutti i dispositivi, compresi tablet e smartphone. I file e i formati creati sono compatibili con le specifiche individuali di tutti i browser.
Formati immagine standardizzati
Il generatore di favicon fornisce file di varie dimensioni in modo completamente gratuito. Può creare l'icona corrispondente online e utilizzarla come desidera. Questo assicura che le sue icone abbiano lo stesso aspetto su ogni piattaforma, indipendentemente dal dispositivo utilizzato dai visitatori del sito.
Diversi formati e dimensioni di file
Riceve anche le icone delle app corrispondenti per Android, iOS e Windows in numerosi altri formati. Questo le permette di decidere autonomamente come e in quale formato desidera utilizzare i file generati.
FAQ: Domande frequenti
sulle favicon
- Cosa sono le favicon?
Una favicon è una piccola icona, simbolo o logo di 16 x 16 o 32 x 32 pixel che viene utilizzata dai browser web per aumentare il valore di riconoscimento di un sito web. Appare nell'elenco dei segnalibri (preferiti), nelle schede e sotto Windows quando una pagina viene salvata nella barra delle applicazioni o creata come tile. Le icone risalgono all'azienda informatica Microsoft, il cui Internet Explorer 5 ha visualizzato le favicon per la prima volta nel 1999.
- Come posso creare una favicon?
Il modo più semplice per creare una favicon è con un generatore online. Tutto ciò che deve fare è caricare l'immagine desiderata, modificarla e poi scaricarla nuovamente in formato ICO e PNG. In alternativa, può utilizzare il generatore per creare un'icona a forma di lettera.
- Come posso integrare la mia favicon nel mio sito web?
Può integrare una favicon in qualsiasi momento con un comando HTML nell'intestazione della directory principale:
<html> <head> <!-- Per i dispositivi Apple --> <link rel="apple-touch-icon" sizes="180x180" href="[PERCORSO VERSO L'ICONA]/apple-touch-icon-180x180.png"> <!-- Per i browser --> <link rel="shortcut icon" type="image/x-icon" href="[PERCORSO VERSO L'ICONA]/favicon-32x32.ico"> <link rel="icon" type="image/png" sizes="96x96" href="[PERCORSO VERSO L'ICONA]/favicon-96x96.png"> <!-- Per Windows --> <meta name="msapplication-square310x310logo" content="[PERCORSO VERSO L'ICONA]/mstile-310x310.png"> <meta name="msapplication-TileColor" content="[COLORE HEX (ad esempio #000000)]"> </head> <body> <h1>Favicons!</h1> </body> </html>- Come funziona l'integrazione in un CMS (ad esempio, WordPress)?
Molti CMS comuni offrono la possibilità di cambiare la favicon nel backend. Con WordPress (dalla versione 4.3), ad esempio, può caricare la favicon nel media center e selezionarla come nuova icona del sito web nella voce di menu Informazioni sul sito web. La dimensione consigliata è di 512 x 512 pixel.
Nel backend di Joomla, può cercare il suo modello alla voce Estensioni/Template e poi caricare semplicemente la nuova favicon attraverso la directory del modello. Se queste opzioni non funzionano con il suo CMS, è meglio integrare l'icona tramite la directory principale come descritto sopra.
- Posso creare la favicon solo con un generatore online?
No, è altrettanto possibile creare favicon utilizzando un software di grafica come GIMP o Photoshop. Se ha familiarità con questi programmi, può ovviamente procedere allo stesso modo. Per i principianti assoluti, tuttavia, lo strumento online è più facile da usare.