Generatore di favicon
Carica il tuo logo e scarica tutte le dimensioni di favicon che servono a un sito moderno, incluso il favicon.ico.
Trascina qui il tuo logo o fai clic per sceglierlo
L'ideale è un'immagine quadrata da 512 × 512 px o più
Si applica solo se l'immagine ha zone trasparenti. Lascia su trasparente per conservare il canale alfa.
Come vengono generate le favicon
Per prima cosa ritagliamo il quadrato centrato più grande della tua immagine, così un logo panoramico non viene schiacciato. Quel quadrato viene poi ridisegnato su una tela di ogni dimensione ed esportato in PNG.
lato del ritaglio = minimo(larghezza, altezza)
Il file favicon.ico è costruito con un codificatore ICO nostro: un'intestazione ICONDIR, una voce di directory per ogni dimensione e i PNG da 16, 32 e 48 px incorporati così come sono. Da Windows Vista il formato ICO accetta PNG al suo interno, e tutti i browser attuali li leggono.
Le dimensioni grandi non sono decorative: 180 px è l'icona che iOS usa quando si aggiunge il sito alla schermata iniziale, mentre 192 e 512 px sono quelle richieste dal manifest di una PWA.
Esempio pratico
Un logo da 1024 × 768 px viene ritagliato sul quadrato centrale di 768 × 768 px e da lì nascono i sei PNG e il .ico, tutti centrati e senza deformazioni.
Domande frequenti
- Che dimensione deve avere l'immagine di partenza?
- Più è grande meglio è: da 512 × 512 px in su tutte le dimensioni risultano nitide. Partendo da un'immagine piccola, quelle grandi appariranno sgranate.
- Serve ancora il favicon.ico se ho già i PNG?
- Resta consigliabile: alcuni browser e molti aggregatori lo richiedono per impostazione predefinita nella radice del dominio, senza leggere i tag HTML.
- La trasparenza viene mantenuta?
- Sì, a meno che tu non scelga un colore di sfondo. I PNG generati conservano il canale alfa e il .ico incorpora quegli stessi PNG a 32 bit.
- Dove metto i file?
- Il favicon.ico nella radice del sito e i PNG dove preferisci, richiamandoli con i tag link che mostriamo dopo la generazione.
Calcolatori correlati
- Comprimere JPGRiduci il peso di una foto JPG scegliendo il livello di compressione.
- Comprimere PNGRiduci il peso di un PNG diminuendo il numero di colori della palette.
- Comprimere WebPRiduci il peso di un'immagine WebP regolando la qualità di compressione.
- JPG in WebPConverti le foto JPG in WebP per far caricare il sito più in fretta.
- PNG in WebPConverti immagini PNG in WebP mantenendo la trasparenza.
- WebP in JPGConverti immagini WebP in JPG per aprirle in qualsiasi programma.
- Ridimensionare immagineCambia larghezza e altezza in pixel senza deformare l'immagine.
- Cambiare risoluzione (DPI)Regola i DPI di un'immagine e la sua reale dimensione di stampa.
- Ritagliare immagineSeleziona un'area con il mouse e ritaglia l'immagine su quel rettangolo.
- Convertire immaginePassa tra JPG, PNG e WebP scegliendo il formato di uscita.
- Immagine in Base64Trasforma un'immagine in una stringa Base64 o in un data URI pronto da incollare.
- Selettore di colore da immagineFai clic su un punto dell'immagine e leggi il colore in HEX, RGB e HSL.
- Estrarre colori da un'immagineOttieni la palette di colori dominanti di qualsiasi fotografia.
- Generatore di immagine OGCrea un'immagine Open Graph da 1200 × 630 px con il tuo titolo e i tuoi colori.