Skip to content
Strumento gratuitoDesign

Genera tutte le dimensioni della favicon necessarie al tuo sito web da una singola immagine

Carica un logo o un'icona e lo strumento genererà favicon in tutte le dimensioni richieste dai browser moderni, dai sistemi operativi e dai manifest PWA: dal classico ICO 16 x 16 al PNG 512 x 512 per le schermate home Android. Scarica un pacchetto pronto per la distribuzione con lo snippet HTML incluso.

Utilizza questo strumento gratuitamente

Caratteristiche

1

Copertura completa delle dimensioni

Genera 16 x 16, 32 x 32 e 48 x 48 per i browser tradizionali; Icona Apple Touch 180 x 180 per iOS; 192 x 192 e 512 x 512 per i manifest PWA Android. Ogni dimensione comune in un unico passaggio.

2

Output ICO e PNG

Il pacchetto include un file .ico multi-risoluzione (contenente livelli da 16, 32 e 48 px) e singoli file PNG per ciascuna dimensione. Entrambi i formati sono pronti per l'uso diretto nei tag head HTML.

3

Editor di ritaglio e riempimento

Regola l'area di ritaglio per isolare la parte dell'icona dell'immagine. Aggiungi imbottitura per evitare che l'icona tocchi i bordi del quadrato della favicon, migliorando così la leggibilità nelle dimensioni ridotte.

4

Controllo dello sfondo

Mantieni uno sfondo trasparente per i browser moderni o imposta un colore di riempimento a tinta unita per le icone Touch di Apple (che non supportano la trasparenza). Visualizza l'anteprima di entrambe le modalità prima del download.

Come usare

1

Carica la tua immagine

Trascina un file PNG, SVG, JPEG o WebP nel generatore. Le immagini quadrate a 512 px o superiori producono i risultati più nitidi.

2

Ritaglia e regola

Trascina le maniglie di ritaglio per isolare l'area dell'icona. Aggiungi imbottitura se l'icona ha bisogno di respiro. Imposta lo sfondo su trasparente o in tinta unita.

3

Anteprima di tutte le dimensioni

Lo strumento esegue il rendering di tutte le dimensioni di destinazione simultaneamente in modo da poter verificare che l'icona sia riconoscibile a 16 px e appaia nitida a 512 px.

4

Scarica il pacchetto

Scarica un ZIP contenente tutti i file favicon più uno snippet HTML che puoi incollare nel tag <head> del tuo sito per fare riferimento correttamente a ciascuna icona.

Specifiche

Dimensioni di output (px)16, 32, 48, 180, 192, 512
Formati di outputICO (multistrato), PNG
Formati di inputPNG, SVG, JPEG, WebP
Ingresso consigliato512 x 512 px o più, quadrato
Icona tocco di Apple180 x 180 px con sfondo solido opzionale
ElaborazioneLato client (nessun caricamento)

Related Magic Eraser Tools

Domande comuni

Con quale dimensione dell'immagine dovrei iniziare?

+

Inizia con un'immagine quadrata di almeno 512 x 512 px. Il generatore esegue il downscale da questo master, quindi una sorgente ad alta risoluzione garantisce che ogni dimensione più piccola sia nitida. I file SVG funzionano meglio perché si ridimensionano senza perdita di qualità.

Ho bisogno di tutte e sei le taglie?

+

Per la massima compatibilità, sì. L'ICO da 16 e 32 px copre i browser legacy, il PNG da 180 px è richiesto per i segnalibri di Safari iOS e i PNG da 192/512 px sono necessari per i prompt di installazione di PWA Android e le schermate iniziali.

Come faccio ad aggiungere le favicon al mio sito web?

+

Il pacchetto di download include uno snippet HTML. Incollalo nella sezione <head> del tuo sito. Fa riferimento al file ICO per i browser e ai file PNG per i dispositivi Apple e Android. La maggior parte dei framework supporta anche l'inserimento di favicon.ico nella directory root.

Logo troppo complesso per una piccola favicon?

Utilizza Background Eraser per isolare il simbolo principale dal tuo logo completo, quindi inserisci l'icona pulita nel generatore di favicon. Una forma più semplice si legge meglio a 16 px.

Provalo gratuitamente

More free tools

Explore our other limited free edits after sign-in photo and image tools.