Convertitore PNG in ICO e generatore di favicon
Trascina un PNG o un logo in un punto qualsiasi di questa pagina e scarica un solo .ico con tutte le misure da 16 a 256 px, oppure un pacchetto di favicon completo con icone app, manifest web e tag HTML.
Prova
Hai già il file?
- Gratis, senza registrazione
- .ico e PNG da 16 a 512 px
- Apple touch icon
- Manifest della web app
Rilascia il logo per aprirlo
Trova altri loghi, gratis
Altre immagini dal sito
Clicca su un logo per provare il successivo trovato su quel sito, oppure per toglierlo.
Trasforma questo logo in 3D
Video animati del logo in 3D per Reels, TikTok e YouTube, immagini 3D lucide e file per la stampa 3D, creati nel tuo browser in pochi secondi.
Come appare
Come convertire un PNG in ICO
Trascina il file, controlla l'icona, scarica. La tua immagine viene convertita nel browser, gratis e senza account.
Trascina il tuo PNG
Trascina un PNG, JPG, WebP o SVG in un punto qualsiasi della pagina, oppure premi Trascina qui il tuo logo sotto la casella di ricerca. Crei un'icona per un'azienda che ne ha già una? Scrivi il suo sito e lo strumento recupera le icone che usa già.
Controllala come icona
La tua immagine appare centrata su un quadrato, il formato previsto per le icone, e la vedi nella scheda di un browser alla dimensione reale di 16 px e come icona di un'app sullo smartphone.
Scarica l'ICO
Premi ICO per un solo .ico che contiene 16, 24, 32, 48, 64, 128 e 256 px, oppure Favicon per il pacchetto completo del sito in un solo ZIP.
Mettila all'opera
Copia il pacchetto sul tuo sito e incolla le righe HTML già pronte, oppure assegna il file .ico a un collegamento, una cartella o un'app di Windows.
Tutte le misure nel file .ico, e dove appare ciascuna
Un ICO è una scatola di icone: un solo file che contiene la stessa immagine in più misure, così ogni posto che la mostra sceglie quella perfetta.
| Dimensioni | Dove appare |
|---|---|
| 16 × 16 px | Schede e preferiti del browser; barre del titolo, menu contestuali e area di notifica di Windows |
| 24 × 24 px | La barra delle applicazioni di Windows, i risultati della ricerca e l'elenco delle app del menu Start |
| 32 × 32 px | Schede sugli schermi ad alta risoluzione; app aggiunte al menu Start di Windows |
| 48 × 48 px | La barra delle applicazioni sugli schermi ad alta risoluzione; app aggiunte a Start con la scala dello schermo impostata su 150% |
| 64 × 64 px | App aggiunte a Start e barre del titolo sugli schermi ad alta risoluzione |
| 128 × 128 px | Un'immagine di partenza di dimensioni vicine a quelle intermedie che Windows usa sugli schermi grandi |
| 256 × 256 px | App aggiunte a Start con la scala più alta, e l'originale da cui Windows ricava ogni misura più piccola |
La guida di MDN ai tipi di immagine spiega che un file ICO «può contenere più icone» fino a 256 × 256 px. Le indicazioni di Microsoft sulle icone elencano dove Windows disegna ogni misura e chiedono alle app «come minimo: 16 × 16, 24 × 24, 32 × 32, 48 × 48 e 256 × 256»; l'ICO che scarichi le contiene tutte, più 64 e 128 px per le misure intermedie.
Il pacchetto di favicon, file per file
Tutto ciò che serve a un sito web per le sue icone, creato da una sola immagine, in un unico ZIP.
| File | Cos'è | A cosa serve |
|---|---|---|
| favicon.ico | Un file di icone che contiene 16, 32 e 48 px | L'icona che i browser cercano nella cartella principale di un sito |
| icon-256.ico | Tutte le misure: 16, 24, 32, 48, 64, 128 e 256 px | App di Windows, collegamenti sul desktop e icone delle cartelle |
| favicon-16x16.png, favicon-32x32.png e favicon-48x48.png | Piccoli PNG quadrati con sfondo trasparente | Schede del browser, preferiti e collegamenti |
| favicon.svg | L'icona in formato vettoriale, quando il tuo logo ce l'ha | Schede nitide a ogni dimensione nei browser che leggono le icone SVG |
| apple-touch-icon.png | 180 × 180 px, su bianco con un po' di margine | Schermata Home di iPhone e iPad |
| android-chrome-192x192.png, android-chrome-512x512.png | Le icone della web app | Schermate Home di Android, web app installate e relative schermate di avvio |
| site.webmanifest | Un piccolo file di testo che elenca le icone dell'app | Permette a smartphone e browser di installare il tuo sito come un'app |
| add-to-your-head.html | Le righe per la sezione head delle tue pagine | Copia e incolla: tutte le icone collegate in un colpo solo |
L'Apple touch icon da 180 px è la misura per iPhone indicata nella guida di Apple ai contenuti web per Safari (archiviata), e i browser basati su Chromium cercano nel manifest le icone da 192 e 512 px prima di installare un sito come app, come spiega web.dev.
Aggiungila al tuo sito: l'HTML pronto da incollare
Copia il pacchetto nella cartella principale del sito, poi incolla quattro righe nella sezione head di ogni pagina.
Il file add-to-your-head.html del pacchetto contiene queste righe, con l'icona SVG quando il tuo logo è vettoriale:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Se il logo è un'immagine, la seconda riga punta invece al PNG da 32 px:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">La Ricerca Google mostra la tua favicon accanto alle tue pagine quando riesce a trovarla. Le sue linee guida chiedono un'icona quadrata di almeno 8 × 8 px, ne consigliano una più grande di 48 × 48 px e richiedono che Googlebot possa scansionare sia la home page sia il file dell'icona.
Guardala a grandezza reale prima di scaricarla
Una favicon si giudica a 16 pixel. L'anteprima ti mostra la tua proprio a quella misura, così scegli l'immagine giusta al primo colpo.
Accanto all'anteprima grande, dei mockup mostrano la tua icona nella scheda di un browser e come icona di un'app sullo smartphone, e il logo completo nell'intestazione chiara e in quella scura di un sito. Un dettaglio che diventa una macchia alla misura di una scheda salta fuori qui, molto prima che lo veda un visitatore.
Le icone piccole premiano le forme semplici. Un simbolo o una sola lettera si leggono a 16 px, un nome aziendale completo no: ritaglia quindi il marchio, oppure crea una versione netta e pulita con lo strumento Logo bianco, che ti dà anche una favicon bianca per le schede scure.
Icone di Windows per app, cartelle e desktop
Lo stesso file .ico dà a un collegamento, una cartella o un'app di Windows un'icona nitida a ogni misura, dalla barra del titolo al menu Start.
Un collegamento. Fai clic con il tasto destro sul collegamento, scegli Proprietà, poi Cambia icona, e seleziona il tuo file .ico.
Una cartella. Fai clic con il tasto destro sulla cartella, scegli Proprietà, apri la scheda Personalizza e premi Cambia icona.
Un'app che stai sviluppando. Passa il file .ico al tuo sviluppatore o inseriscilo nelle impostazioni di build dell'app. Poiché contiene un'icona da 256 px, Windows la riduce per ogni spazio più piccolo invece di ingrandire un'icona piccola, e così resta nitida sugli schermi ad alta risoluzione.
Crea una favicon dal tuo logo
Non hai ancora un file di icona? Trascina direttamente il logo. Viene centrato su un quadrato con il giusto margine e tutte le misure del pacchetto nascono da lì in un colpo solo.
Stai rinnovando il brand di un cliente? Scrivi il suo sito nel Logo Finder per partire dal logo che usa già, oppure recupera prima le sue icone attuali con lo strumento Scarica favicon.
Altri strumenti gratuiti per icone e loghi
- Convertitore PNG in SVGUn vettoriale del marchio, nitido a qualsiasi dimensione
- Creatore di loghi 3DLo stesso logo come immagine o video 3D
- Animazione logoOtto animazioni 3D con musica
- Intro logoUn'apparizione 3D del logo per aprire i tuoi video
- GIF del logo che giraUna rotazione 3D senza stacchi, in una GIF in loop
- Logo in STL e 3MFQualsiasi logo in un file per la stampa 3D
- Convertitore SVG in STLDal vettoriale al file per la stampa 3D
- Convertitore PNG in STLDa un'immagine a un file per la stampa 3D
- Come creare un logo 3DQuattro modi per dare profondità a un logo piatto
- Come animare un logoMovimento, audio e formati per ogni piattaforma
- Come stampare un logo in 3DDimensioni, colori, slicer e soluzioni
- Convertitore di loghi in SVGVettorializza un logo per la stampa e il taglio
PNG in ICO: domande e risposte
Risposte brevi su file ICO e favicon: misure, HTML, icone di Windows e come crearne una dal tuo logo.
Chiedici quello che vuoiCome converto un PNG in ICO?
Trascina il PNG in un punto qualsiasi di questa pagina, oppure premi «Trascina qui il tuo logo». Si apre come icona quadrata; premi «ICO» per un solo file .ico che contiene 16, 24, 32, 48, 64, 128 e 256 px, oppure «Favicon» per il pacchetto completo del sito. È gratis e avviene nel tuo browser.
Quali misure deve contenere un favicon.ico?
Per un sito web, 16, 32 e 48 px coprono schede, preferiti e schermi ad alta risoluzione, e il favicon.ico del pacchetto contiene esattamente queste misure. Per un'app di Windows o un'icona sul desktop, Microsoft chiede almeno 16, 24, 32, 48 e 256 px, e l'ICO che scarichi le contiene tutte, più 64 e 128 px.
Come creo una favicon dal mio logo?
Trascina il tuo logo su questa pagina. Viene centrato su un quadrato, il formato previsto per le icone, e lo vedi nella scheda di un browser e come icona di un'app prima di scaricare il pacchetto di favicon. A 16 px si leggono meglio un simbolo o un'iniziale del logo.
I siti web hanno ancora bisogno di un favicon.ico?
Vale decisamente la pena tenerlo. I browser chiedono ancora /favicon.ico ai siti web, la Ricerca Google accetta i file ICO e un solo ICO contiene più misure. I browser moderni leggono anche le icone PNG e SVG collegate nella sezione head della pagina, e il pacchetto ti dà entrambe.
Come aggiungo la favicon al mio sito web?
Copia i file del pacchetto nella cartella principale del sito, quella della home page, e incolla le righe di add-to-your-head.html nella sezione head di ogni pagina. Con un servizio per creare siti o una piattaforma e-commerce, carica il PNG da 512 px nell'impostazione dell'icona del sito.
Posso ricavare da un PNG un'icona di Windows da 256 px?
Sì. L'ICO che scarichi contiene 16, 24, 32, 48, 64, 128 e 256 px. Microsoft spiega che, con un'icona da 256 px, Windows la rimpicciolisce sempre e non la ingrandisce mai, quindi resta nitida a ogni misura. Parti da un PNG largo almeno 256 px, o da un logo vettoriale.
Qual è la misura migliore per una favicon?
Un set di misure, più che una sola: 16, 32 e 48 px nel favicon.ico, un'Apple touch icon da 180 px e icone da 192 e 512 px per il manifest della web app. Per la Ricerca, Google consiglia una favicon quadrata più grande di 48 × 48 px. Il pacchetto le crea tutte da un solo file.
Quanto ti è stato utile questo strumento?
Il tuo logo, su tutto ciò che stampi, in 3D
Proofscene trasforma le bozze PDF in bozze 3D interattive su un link con il tuo brand, così i tuoi clienti vedono card, packaging e braccialetti prima che vengano prodotti. Inizia gratis oggi.
Account gratuito · Senza carta di credito · Creato da chi stampa