Generatore Favicon - Crea tutte le dimensioni Favicon dall'immagine

Carica qualsiasi immagine e ottieni istantaneamente il set completo di favicon: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) più site.webmanifest, confezionato come ZIP.

Lascia cadere il tuo logo per generare ogni dimensione di favicon

Include site.webmanifest + frammento HTML

Informazioni sul Favicon Generator

Visualizza la tua immagine alle sei dimensioni di favicon che i browser usano oggi (saltando il percorso .ico legacy che pochi siti ancora necessitano), più un manifesto web app pronto da rilasciare. Gira interamente nel tuo browser — niente upload, niente attesa.

Frequently Asked Questions

Per browser e dispositivi moderni servono sei dimensioni: 16×16 e 32×32 per le schede del browser, 48×48 per le icone dei siti Windows, 180×180 per l'icona touch Apple (schermata principale iOS) e 192×192 + 512×512 per le schermate Home Android e i prompt di installazione PWA. Il nostro generatore produce tutti e sei più un site.webmanifest da un'unica immagine sorgente.

usage

La maggior parte dei browser moderni preferisce i tag link PNG (rel="icon" type="image/png"), quindi un file ICO non è più necessario. Saltiamo l'ICO legacy e forniamo le favicon PNG dimensionate correttamente per ogni bersaglio moderno. Se devi supportare Internet Explorer o Chrome molto vecchio, puoi convertire uno dei PNG in ICO separatamente.

technical

Un manifesto di web app è un file JSON che indica ad Android, Chrome ed Edge come dovrebbe apparire il tuo sito quando installato come web app progressiva — icona, nome, colore del tema e modalità di visualizzazione. Il nostro generatore include un manifesto iniziale che punta alle icone di Android Chrome; Devi solo modificare il nome e theme_color.

features

Un PNG quadrato (1:1) a 512×512 o più grande fornisce l'output più pulito a ogni dimensione. Evita dettagli fini che scompaiono a 16×16 — i favicon funzionano meglio con una singola forma audace e alto contrasto. I PNG trasparenti funzionano; L'Tool li letterbox in modo che l'icona sia centrata a ogni dimensione.

tips

Sì — la tua immagine sorgente viene ridimensionata tramite l'API canvas e confezionata localmente come ZIP. Non viene caricato nulla. Questo rende sicuro generare icone per prodotti non ancora rilasciati e identità di brand pre-lancio.

privacy

Sblocca il download nella cartella /public (o web root) del tuo sito, poi aggiungi il frammento HTML incluso nel tuo <head> link per le icone PNG più un link a site.webmanifest. Aggiorna manualmente il sito (Cmd+Shift+R) — i browser memorizzano in cache i favicon in modo aggressivo, quindi potresti dover svuotare la cache per far apparire la nuova icona.

usage

Sì — i PNG 192×192 e 512×512 sono esattamente ciò che Chrome e Edge cercano per qualificare un sito come PWA installabile. Insieme al manifesto soddisfano il controllo di installabilità del PWA del faro.

technical

Sì. Niente filigrane, niente iscrizioni, niente limite di utilizzo — e la ZIP è tua per sempre. Abbiamo aggiunto questo strumento perché ogni sviluppatore ha bisogno di un set Favicon alla fine, e i generatori esistenti erano o carichi di pubblicità o ti facevano pagare per output ad alta risoluzione.

pricing

Use Cases

Lanci di hacker indie

I fondatori solitari che spediscono il loro MVP hanno bisogno di un favicon curato prima del lancio. Genera ogni dimensione dalla tua singola immagine del logo e dal manifesto con un solo clic — niente Figma, nessun abbonamento al design.

development

Organizzazione Cliente Agenzia

Quando si consegna un nuovo sito cliente, il set Favicon raramente è previsto nel budget ma è sempre previsto. Genera il ZIP alla fine del progetto, inseriscilo in /public e seleziona la consegna.

agency

Installabilità PWA

Per superare il controllo di installabilità di Chrome, il tuo manifest deve avere le icone 192×192 e 512×512. Il nostro output soddisfa questo requisito appena iniziato, più i tag HTML corrispondenti.

development

Spazi di lavoro multi-brand

Agenzie e consulenti che gestiscono più marchi clienti possono rigenerare il set di favicon in 10 secondi ogni volta che un refresh di brand viene spedito — senza bisogno di mantenere un'azione Photoshop.

agency

Branding del progetto open source

I siti di GitHub Pages, Vercel, Netlify e Cloudflare Pages hanno tutti bisogno di favicon per apparire curati nelle schede del browser. Inserisci i file generati nel tuo repository e il progetto sembra stato pubblicato.

opensource

Rinnovamento del rebranding

Quando il tuo logo cambia, rigenera tutte le dimensioni richieste — inclusa l'icona touch Apple 180px e l'icona PWA Android 512px — senza dover riesportare manualmente da Illustrator.

branding