Come creare una favicon per il tuo sito web in pochi minuti

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.

Come creare una favicon per il tuo sito web in pochi minuti

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

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

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

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">

💡 Vuoi provarlo subito? Apri il Generatore di Favicon gratuito: richiede meno di un minuto, funziona su telefono e computer e non richiede registrazione. Apri il Generatore di Favicon →

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.
Prova subito il Generatore di Favicon gratuito

Apri il Generatore di Favicon su pdfseotools.com – gratuito, senza registrazione e funziona su qualsiasi dispositivo.

Apri il Generatore di Favicon →

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: