Come creare una favicon per il tuo sito web in pochi minuti
Per creare una favicon, carica un'immagine quadrata PNG, JPG o GIF del tuo logo nel Generatore di Favicon su pdfseotools.com. Carica un PNG per ottenere icone PNG. Riceverai uno ZIP con 17 dimensioni di icone per browser, iPhone, Android e Windows. Carica i file nella root del tuo sito e aggiungi i tag link alla head della tua pagina.

Fatti chiave
- Input: PNG, JPG o GIF – il formato quadrato è il migliore
- Output: 17 dimensioni in un unico ZIP, nel formato di caricamento (consigliato PNG)
- Copre browser (16–96 px), Apple (57–180 px), Android (36–192 px), riquadri Windows (70–310 px)
- Google richiede almeno 48 × 48 px per mostrarla nei risultati di ricerca
Perché una favicon è importante
✓🖼️ La favicon è la piccola icona nelle schede del browser, nei segnalibri, nelle schermate principali del telefono e, sempre più spesso, accanto al nome del tuo sito nei risultati di Google. Un'icona chiara rende il tuo sito più facile da trovare tra venti schede aperte e appare più affidabile nella ricerca.
Come creare la tua favicon – passo dopo passo

Passaggio 1: Prepara un'immagine quadrata
Usa il simbolo del tuo logo su uno sfondo semplice, di almeno 310 × 310 px. Rimuovi il testo piccolo – diventa illeggibile a 16 px.
Passaggio 2: Caricala
Apri il Generatore di Favicon e seleziona la tua immagine – un PNG è l'ideale, poiché le icone vengono salvate nello stesso formato di caricamento.
Passaggio 3: Genera
Lo strumento crea tutte le 17 dimensioni in un'unica volta.
Passaggio 4: Scarica lo ZIP
Decomprimi sul tuo computer – caricherai questi file sul tuo sito web successivamente.
Aggiungila al tuo sito web
✓Carica i file PNG nella cartella principale del tuo sito (la cartella con la tua homepage), quindi aggiungi queste righe all'interno di `<head>` delle tue pagine:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
WordPress: vai su Aspetto → Personalizza → Identità del sito → Icona del sito e carica un'immagine di 512 × 512 – WordPress aggiunge i tag per te. Blogger: Layout → Favicon → Modifica.
Suggerimenti di design per dimensioni ridotte
- Usa una forma o una lettera audace – i dettagli fini scompaiono a 16 px.
- Scegli un forte contrasto in modo che funzioni sia nelle schede del browser chiare che in quelle scure.
- Evita linee sottili e parole lunghe.
- Anteprima in piccolo: rimpicciolisci il tuo browser e guarda la scheda.
Apri il Generatore di Favicon su pdfseotools.com – gratuito, senza registrazione e funziona su qualsiasi dispositivo.
Domande frequenti
Quale immagine dovrei caricare?
Un PNG, JPG o GIF quadrato del tuo logo o icona, idealmente di almeno 310 × 310 pixel e abbastanza semplice da riconoscere a dimensioni ridotte.
Quali dimensioni crea il generatore?
17 dimensioni, salvate nello stesso formato in cui le carichi (carica un PNG per ottenere icone PNG): 16, 32 e 96 px per le favicon dei browser; icone touch di Apple da 57 a 180 px; icone Android a 36, 48 e 192 px; e riquadri Microsoft a 70, 144, 150 e 310 px. Vengono scaricate insieme come file ZIP.
Perché la mia nuova favicon non viene visualizzata?
I browser memorizzano nella cache le favicon in modo massiccio. Svuota la cache del browser o apri il sito in una finestra privata. I risultati della ricerca di Google possono richiedere giorni o settimane per aggiornarsi.
Google mostra la mia favicon nei risultati di ricerca?
Google può mostrarla accanto al nome del tuo sito. Richiede un'icona quadrata di almeno 48 × 48 px a cui i crawler possano accedere.
Posso usare un logo non quadrato?
Il generatore ridimensiona in quadrati, quindi un logo largo viene schiacciato. Ritaglia prima una versione quadrata – di solito solo il simbolo –.
Ho bisogno di un file favicon.ico?
I browser moderni accettano le favicon PNG collegate nel tuo HTML, che è ciò che questo generatore produce. Alcuni proprietari di siti aggiungono anche favicon.ico nella root per i browser meno recenti.
Riepilogo
Un logo quadrato all'ingresso, 17 dimensioni all'uscita, poche righe nel tuo HTML – e il tuo sito ottiene un'icona professionale ovunque. Creane una con il Generatore di Favicon ed esplora altri strumenti gratuiti per immagini.
Condividi sui social media: