Trasforma il tuo logo in tutte le icone che servono a un sito web: il favicon.ico che i browser cercano, le icone PNG, l'icona per la schermata Home di iPhone e le icone per le app Android, con un manifest pronto e le righe da incollare nella pagina.
Generatore di favicon at a glance
| Price | Gratis, senza registrazione, senza filigrana, senza limiti giornalieri |
|---|---|
| Accetta | JPG · PNG · WebP · HEIC |
| File più grande | 20 MB per file |
| Dove funziona | Nel tuo browser: i file non vengono mai caricati |
| Funziona su | Qualsiasi browser moderno su iPhone, Android, Windows, Mac e Linux |
| Invia il risultato | Scaricalo oppure invialo gratis con un link o via email (fino a 20 GB) |
Come usare il generatore di favicon
- Scegli un logo o un'immagine quadrata, idealmente da 512 × 512 pixel o più.
- Scegli come gestire un'immagine non quadrata, uno sfondo e il margine interno.
- Premi Crea favicon.
- Scarica tutto in uno ZIP, carica i file nella cartella principale del sito e incolla l'HTML nel <head>.
Cosa ottieni
| File | Dimensione | Usato da |
|---|---|---|
favicon.ico | 16, 32, 48 px | Tutti i browser, Windows, segnalibri |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Schede del browser |
apple-touch-icon.png | 180 px | Schermata Home di iPhone e iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Schermata Home di Android, web app installabili |
site.webmanifest | Nome, icone e colori per Android e PWA |
Progettare per 16 pixel
Una favicon è minuscola. Usa un simbolo deciso o una o due lettere invece di un logo completo con slogan, e un contrasto alto. Le icone piccole vengono ottenute rimpicciolendo a passi dimezzati da una copia di lavoro grande, il che mantiene i bordi nitidi. Il margine interno dà respiro a un logo che tocca i bordi, e gli angoli arrotondati o un cerchio richiamano lo stile delle icone delle app. L'icona per iPhone ha sempre uno sfondo pieno, perché iOS mostra le aree trasparenti in nero.
Un vero file ICO
Il favicon.ico viene scritto qui byte per byte come autentico file icona multi-dimensione (voci compresse in PNG, supportate da tutti i browser attuali e da Windows a partire da Vista), non come un PNG rinominato. Non viene caricato nulla: il logo viene elaborato nel browser. Per modificare prima l'immagine, per esempio ritagliarla quadrata, usa l'editor di immagini. Ti serve anche un codice QR per il sito? Prova il generatore di codici QR.
Il confronto
| Questo strumento | Online converters (e.g. TinyPNG, iLoveIMG o CloudConvert) | App desktop (ad es. Photoshop) | |
|---|---|---|---|
| Il tuo file è stato caricato | No | Sì, sui loro server | No |
| Installazione o account | Nessuno | Account per alcune funzioni | Installazione necessaria |
| Filigrana o limiti giornalieri | Nessuno | Comune nei piani gratuiti | Dipende dall'app |
I piani degli altri servizi cambiano; controlla i loro siti. Altri strumenti immagini.
Domande frequenti
Che dimensione deve avere l'immagine per la favicon?
Quadrata e di almeno 512 × 512 pixel, così l'icona grande per Android resta nitida. Le immagini più piccole funzionano ma vengono ingrandite.
Dove metto i file?
Nella cartella principale del sito (accanto a index.html), poi incolla l'HTML mostrato con i risultati nel head delle tue pagine.
Il favicon.ico serve ancora?
Sì. I browser e molti strumenti richiedono /favicon.ico automaticamente, anche senza un tag link.
Posso creare una favicon da una foto?
Sì, scegli Ritaglia il centro, ma un logo semplice o una lettera sono molto più riconoscibili a 16 pixel.
Il mio logo viene caricato?
No. Le icone vengono create sul tuo dispositivo.
Devi inviare un file grande?
Invia file fino a 20 GB con un link di download o via email. Gratis, senza registrazione, in qualità originale.
Invia file grandi gratis