Strumento Favicon: guida

Lo strumento Favicon trasforma un'immagine, anche generata dall'IA, in tutti i file favicon di cui il tuo sito ha bisogno.

Modalità di generazione

Ci sono due strade:

1. Flusso con upload: carica un'immagine tua e genera le favicon
2. Flusso con IA: crea un'immagine tramite prompt o URL e ricavane le favicon

Requisiti

Prendi meglio un'immagine quadrata con un soggetto ben riconoscibile. Da 512×512 pixel diventa utilizzabile, di più non nuoce.

Opzione A: flusso con upload

1. Apri Strumento Favicon
2. In Carica immagine scegli il tuo logo
3. Clicca su Genera favicon
4. Poi scarica lo ZIP o i singoli file

Opzione B: flusso con IA

1. Apri la sezione Generazione di immagini con IA a destra nello strumento
2. Inserisci un prompt oppure un URL da scansionare
3. Clicca su Genera immagine con IA
4. Controlla l'anteprima e clicca su Usa l'immagine per le favicon
5. SEOFuxx ne ricava le favicon

File attualmente generati

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• favicon-48x48.png
• apple-touch-icon.png
• android-icon-192x192.png
• android-icon-256x256.png
• android-icon-512x512.png
• badge-72x72.png
• maskable_icon.png
• push-192x192.png

Inserimento nell'HTML

Questi tag vanno inseriti almeno nell'<head>:

<link rel="icon" href="/favicon.ico" sizes="any" />
<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" href="/apple-touch-icon.png" />

Controllare dopo l'inserimento

Svuota la cache del browser, ricarica la pagina e guarda l'icona della scheda. Sullo smartphone dai un'occhiata anche alla visualizzazione mobile.

Problemi frequenti

La favicon non si aggiorna

• Fai un hard reload (Ctrl+F5)
• Prova anche in una finestra in incognito
• Svuota la cache del CDN o del server, se ne usi uno

L'immagine IA non è adatta

• Formula il prompt in modo più preciso
• Prova un altro URL da scansionare
• Genera una nuova immagine IA e usa quella