Pubblicare un nuovo sito
Crea in una volta tutte le icone di un sito vetrina a partire dal logo.
Generatore di favicon
Importa un’immagine quadrata: lo strumento genera favicon.ico, i PNG da 16 a 512 px, l’icona Apple e i tag HTML da copiare.
- Appunti
- Esporta
I tuoi file vengono elaborati localmente nel browser e non vengono mai inviati ai nostri server.
Scegli preferibilmente un’immagine quadrata, PNG, JPEG o WebP, fino a 25 MB.
Rilascia qui il tuo file
Dimensione consigliata: fino a 25 MB
Ti servono più opzioni?
Usa più strumenti di modifica in un unico spazio, con il file aperto e le modifiche in corso.
Apri l’editor completoQuesto strumento ti è stato utile?
Come funziona questo strumento?
La favicon è la piccola icona che compare nella scheda del browser, nei preferiti, nella cronologia e nella schermata home di uno smartphone. Ogni uso richiede una dimensione precisa, da 16 px in una scheda a 512 px per un’app web installata. Questo generatore crea da una sola immagine il file favicon.ico, i PNG da 16 a 512 px e i tag HTML da incollare nel <head> del tuo sito.
Importa un’immagine PNG, JPEG o WebP fino a 25 MB, meglio se quadrata e di almeno 512 × 512 px. Fai clic su Genera le favicon: l’immagine viene prima convertita in PNG e poi ridotta a sei dimensioni quadrate, 16, 32, 48, 180, 192 e 512 px.
Un’immagine non quadrata viene ridotta senza deformazioni e centrata, con margini trasparenti. I file hanno i nomi attesi da browser e sistemi: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180 px), android-chrome-192x192.png e android-chrome-512x512.png.
Il file favicon.ico riunisce le versioni da 16, 32 e 48 px in un unico contenitore ICO, letto da tutti i browser attuali e da Windows. I tag HTML consigliati compaiono con il pulsante Copia i tag, e Scarica i file salva i sette file sul tuo dispositivo.
Come usare questo strumento
Importa il logo
Scegli un’immagine quadrata, preferibilmente un PNG con sfondo trasparente o a tinta unita.
Genera le favicon
Fai clic su Genera le favicon e controlla l’anteprima di ogni dimensione, soprattutto 16 e 32 px.
Installale sul sito
Scarica i file, mettili nella radice del sito e incolla i tag HTML nel <head>.
Casi d’uso
Sostituire una favicon sfocata
Rigenera dimensioni nitide da un logo ad alta risoluzione invece di ingrandire una vecchia icona da 16 px.
Preparare un’app web
Ottieni le icone da 192 e 512 px da dichiarare nel manifest di una PWA.
Esempi
Logo rettangolare da 600 × 400 px
A 32 × 32 px il logo viene ridotto di un fattore 32 ÷ 600 ≈ 0,053 e misura circa 32 × 21 px, centrato con una banda trasparente di poco più di 5 px sopra e sotto. Un logo quadrato riempirebbe tutta l’icona.
Input
logo.png da 600 × 400 px, sfondo trasparenteRisultato
7 file: favicon.ico (16, 32, 48 px) e 6 PNG quadrati da 16 a 512 pxTag HTML da incollare
I percorsi iniziano con /: se metti i file in una sottocartella, modifica di conseguenza i valori href.
Input
File posizionati nella radice del sitoRisultato
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> seguito dai link a favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png e alle due icone AndroidConsigli e buone pratiche
- Semplifica il logo per le dimensioni piccole: a 16 px testi e dettagli fini diventano illeggibili, meglio un simbolo o un’iniziale.
- Per l’icona Apple (180 px) usa un’immagine con sfondo pieno: iOS riempie la trasparenza e arrotonda gli angoli da solo.
- Dopo la pubblicazione svuota la cache o apri una finestra privata: i browser conservano a lungo la vecchia favicon.
- Il browser potrebbe chiedere il permesso di scaricare più file insieme; accettalo per ottenere tutti e sette i file.
Fonti e riferimenti
- WHATWG, HTML Living Standard — Link type icon (si apre in una nuova scheda)Pagina in inglese
Domande frequenti
Quali dimensioni vengono generate?
16, 32 e 48 px per schede e collegamenti, 180 px per la schermata home di iOS, 192 e 512 px per Android e le app web installate, più un favicon.ico con 16, 32 e 48 px.
Serve ancora un favicon.ico?
È ancora utile: alcuni browser, lettori di feed e strumenti richiedono direttamente /favicon.ico senza leggere i tuoi tag HTML.
La mia immagine non è quadrata: viene deformata?
No. Viene ridotta per stare tutta nel quadrato e centrata; le zone vuote restano trasparenti. Ritagliala prima se vuoi che riempia tutta l’icona.
Lo strumento crea il file site.webmanifest?
No. Fornisce le icone da 192 e 512 px; aggiungile all’elenco icons del manifest della tua app web.
Posso ottenere una favicon SVG?
No, lo strumento produce immagini raster PNG e ICO. Se il tuo logo esiste in SVG, puoi dichiararlo in più con <link rel="icon" type="image/svg+xml">.
Il mio logo viene caricato su un server?
No. Conversione, ridimensionamenti e creazione del file ICO avvengono nel tuo browser.
Strumenti correlati
Continua con questi strumenti
Strumenti simili o complementari a questo.
Strumenti simili
Ritaglia una foto a cerchio, arrotonda gli angoli e aggiungi un bordo, con sfondo trasparente.
Immagini e graficaNuovoUsa questo strumento
Togli lo sfondo bianco o a tinta unita e ottieni un PNG trasparente, senza caricare l’immagine online.
Immagini e graficaNuovoUsa questo strumento
Traccia un riquadro sull’immagine, blocca un rapporto (1:1, 4:5, 16:9…) e scarica la parte ritagliata.
Immagini e graficaIn evidenzaUsa questo strumento
Leggi anche
GuidaFormatiPrincipiante
PNG, JPEG, WebP o AVIF: quale formato scegliere?
Scegli il formato immagine adatto a foto, screenshot, trasparenza o interfacce senza sacrificare inutilmente qualità e prestazioni.
31 agosto 20263 min
TutorialBuone pratichePrincipiante
Ottimizzare le immagini per il Web senza perdere qualità
Ridimensionamento, compressione, WebP, AVIF e buone pratiche: un metodo completo per alleggerire le immagini di un sito senza degradarne inutilmente il risultato.
30 agosto 20264 min