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 gratuitamenteBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Come usare
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.
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.
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.
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.
Caratteristiche
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.
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.
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.
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.
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background EraserSpecifiche
| Dimensioni di output (px) | 16, 32, 48, 180, 192, 512 |
| Formati di output | ICO (multistrato), PNG |
| Formati di input | PNG, SVG, JPEG, WebP |
| Ingresso consigliato | 512 x 512 px o più, quadrato |
| Icona tocco di Apple | 180 x 180 px con sfondo solido opzionale |
| Elaborazione | Lato 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 gratuitamenteMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Progetta sfumature lineari, radiali e coniche con più interruzioni di colore. Copia il codice CSS o scaricalo come immagine PNG. Non è necessaria alcuna registrazione.
Converti colori tra formati con nome HEX, RGB, HSL, HSB, CMYK e CSS. Visualizza un'anteprima dal vivo, copia qualsiasi valore ed esporta una cartella colori. Non è necessaria alcuna registrazione.
Converti codici colore HEX in valori RGB e viceversa. Anteprima dal vivo, copia con un clic e output di snippet CSS. Non è necessaria alcuna registrazione: funziona nel tuo browser.
Scegli qualsiasi colore da un'immagine caricata e ottieni immediatamente i suoi codici HEX, RGB e HSL. Crea tavolozze da foto per il web design, il branding e l'illustrazione.
Carica una foto ed estrai 5-10 colori dominanti con codici HEX, RGB e HSL. Copia campioni, esporta come variabili ASE o CSS. Non è necessaria alcuna registrazione.
Genera codici QR per URL, testo, credenziali WiFi e vCard. Personalizza i colori, aggiungi un logo centrale e scarica come PNG o SVG. Non è necessaria alcuna registrazione.