Tag HTML per favicon
Genera uno snippet <head> pulito e corretto per i tuoi file favicon. Imposta il percorso della cartella, quindi copia e incolla.
Percorso e opzioni
Abbina lo snippet alla posizione in cui vengono distribuiti i file
Esempio: /favicon. Utilizzo / oppure lasciare vuoto per la radice del sito.
URL di esempio: /favicons/favicon-32.png
Il tuo frammento
Copia, incolla, distribuisci, quindi verifica.
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="manifest" href="/favicons/site.webmanifest">
Come usarlo
1) Metti i tuoi file nella cartella che hai scelto (ad esempio /favicon).
2) Incolla lo snippet nel file del tuo sito <head>.
3) Distribuire, quindi eseguire il file Verifica favicon per confermare gli URL restituiscono 200.
Domande frequenti
Carichi qualcosa?
No. Questo strumento genera solo testo nel tuo browser; non ci sono caricamenti.
Cosa devo inserire nel campo del percorso della cartella?
Utilizza il percorso URL pubblico in cui vengono serviti i file favicon. Esempio: /favicon. Utilizzare / (o lasciarlo vuoto) per la radice del sito.
Di quali file ho effettivamente bisogno?
Per una copertura solida: favicon.ico, favicon-16.png, favicon-32.png, apple-touch-icon.png e site.webmanifest.
Come verifico che funzioni?
Incolla lo snippet, distribuisci, quindi esegui il file Verifica favicon sul tuo URL attivo.