Generatore di favicon - Crea tutte le dimensioni di favicon da un'immagine

Carica qualsiasi immagine e ottieni all'istante il set completo di favicon: 16, 32, 48, 180 (Apple), 192 e 512 (PWA) più site.webmanifest, racchiusi in un file ZIP.

Rilascia il tuo logo per generare ogni dimensione di favicon

Include site.webmanifest + snippet HTML

I file vengono eliminati automaticamente dopo l'elaborazioneNessuna filigranaGratuito da usare — nessuna registrazione richiesta

Frequently Asked Questions

Per i browser e i dispositivi moderni servono sei dimensioni: 16×16 e 32×32 per le schede del browser, 48×48 per le icone dei siti su Windows, 180×180 per l'icona touch di Apple (schermata home iOS) e 192×192 + 512×512 per le schermate home Android e i prompt di installazione PWA. Il nostro generatore produce tutte e sei più un file 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 il vecchio ICO e forniamo favicon PNG dimensionate correttamente per ogni target moderno. Se devi supportare Internet Explorer o versioni molto datate di Chrome, puoi convertire separatamente una delle PNG in ICO.

technical

Un web app manifest è un file JSON che indica ad Android, Chrome ed Edge come deve apparire il tuo sito quando viene installato come progressive web app — icona, nome, colore del tema e modalità di visualizzazione. Il nostro generatore include un manifest di base 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 superiore offre il risultato più nitido a ogni dimensione. Evita i dettagli fini che scompaiono a 16×16 — le favicon funzionano meglio con una sola forma decisa e un alto contrasto. I PNG trasparenti funzionano; lo strumento li inquadra con bande in modo che l'icona resti centrata a ogni dimensione.

tips

Sì: l'immagine di origine viene ridimensionata tramite l'API canvas e impacchettata in un file ZIP in locale. Non viene caricato nulla. Questo rende sicuro generare icone per prodotti non ancora rilasciati e identità di marca pre-lancio.

privacy

Decomprimi il file scaricato nella cartella /public (o root web) del tuo sito, poi aggiungi lo snippet HTML incluso al tuo <head>: i tag link per le icone PNG più un link a site.webmanifest. Ricarica il sito forzando il refresh (Cmd+Maiusc+R): i browser memorizzano le favicon nella cache in modo aggressivo, quindi potresti dover svuotare la cache perché la nuova icona compaia.

usage

Sì: i PNG da 192×192 e 512×512 sono esattamente ciò che Chrome ed Edge cercano per qualificare un sito come PWA installabile. Insieme al manifest soddisfano il controllo di installabilità PWA di Lighthouse.

technical

Sì. Nessuna filigrana, nessuna registrazione, nessun limite di utilizzo: e lo ZIP è tuo per sempre. Abbiamo aggiunto questo strumento perché prima o poi ogni sviluppatore ha bisogno di un set di favicon, e i generatori esistenti erano pieni di pubblicità oppure ti facevano pagare per ottenere output ad alta risoluzione.

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

Lanci di indie hacker

I founder che lavorano da soli al lancio del loro MVP hanno bisogno di una favicon curata prima del rilascio. Genera ogni dimensione dalla tua singola immagine del logo, insieme al manifest, con un solo clic: niente Figma, nessun abbonamento di design necessario.

For Business

Configurazione cliente per agenzie

Quando si consegna il sito di un nuovo cliente, il set di favicon è raramente previsto a budget ma sempre atteso. Genera lo ZIP alla fine del progetto, inseriscilo in /public e spunta il deliverable.

For Developers

Installabilità PWA

Per superare il controllo di installabilità di Chrome, il tuo manifest necessita di icone 192×192 e 512×512. Il nostro output soddisfa questo requisito fin da subito, insieme ai relativi tag HTML head corrispondenti.

For Business

Spazi di lavoro multi-brand

Le agenzie e i consulenti che gestiscono più brand di clienti possono rigenerare il set di favicon in 10 secondi ogni volta che viene rilasciato un restyling del brand, senza dover mantenere un'azione di Photoshop.

For Developers

Branding di Progetti Open Source

I siti su 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 tuo progetto avrà un aspetto finito.

Marketing

Rinnovo del rebranding

Quando il tuo logo cambia, rigenera ogni dimensione necessaria, inclusa l'Apple touch icon da 180px e l'icona PWA Android da 512px, senza riesportare manualmente da Illustrator.