Generatore di favicon
Trasforma un'immagine in favicon.ico, icone PNG, apple-touch-icon, un webmanifest e codice HTML pronto da incollare.
Trascina qui un'immagine o sceglila (PNG, JPG, WebP, SVG)
Come creare un set di favicon
- Scegli un'immagine PNG, JPG, WebP o SVG. Funziona meglio un'immagine quadrata di almeno 512×512 px oppure un SVG.
- Decidi se adattare l'intera immagine (lasciando spazio vuoto) o riempire il quadrato ritagliando i bordi.
- Scegli uno sfondo trasparente o un colore e, se vuoi, un nome del sito per il manifest.
- Scarica ogni file singolarmente oppure l'intero ZIP, poi copia il codice HTML nell'<head> della tua pagina.
Che cosa ottieni
Il set contiene favicon.ico con icone da 16, 32 e 48 px, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest. Carica i file nella cartella principale del tuo sito, in modo che i percorsi corrispondano al codice generato.
Consigli e privacy
- I dettagli sottili scompaiono nelle dimensioni ridotte, quindi funziona meglio un simbolo semplice o una singola lettera con un forte contrasto.
- L'apple-touch-icon non può essere trasparente: iOS mostra le aree trasparenti in nero, quindi questa icona riceve uno sfondo bianco se non hai scelto un colore.
- I browser conservano le favicon in cache in modo molto aggressivo, quindi una modifica potrebbe non comparire subito.
- Tutto viene elaborato sul tuo dispositivo e l'immagine non viene mai caricata.