Generatore di favicon
Genera un set completo di favicon da una singola immagine — favicon.ico, apple-touch-icon, icone Android/PWA e lo snippet HTML — interamente nel tuo browser. Non viene caricato nulla.
La privacy prima di tutto: ogni immagine viene elaborata localmente nel tuo browser. Nulla viene caricato, memorizzato o trasmesso ad alcun server.
Tutte le icone di cui un sito moderno ha bisogno, in una volta
Una favicon non è più un unico file. I browser leggono una piccola favicon.ico per le schede e la barra degli indirizzi, iOS richiede un apple-touch-icon da 180×180 per la schermata Home, e Android e le web app installabili prelevano PNG da 192 e 512px da un web manifest. Questo generatore li crea tutti da un'unica immagine sorgente e ti fornisce uno snippet HTML pronto da incollare, così non devi esportare sei dimensioni a mano.
Inquadrato come vuoi tu, e riservato
Mantieni l'icona quadrata, arrotonda gli angoli o ritagliala in un cerchio; aggiungi spaziatura così che un logo non sia schiacciato contro il bordo; e scegli uno sfondo trasparente o pieno. Un'anteprima in tempo reale mostra il risultato alle dimensioni reali della favicon, inclusa una scheda del browser simulata. Poiché ogni file viene generato sul tuo dispositivo, il tuo logo — spesso un marchio non ancora pubblicato — non viene mai inviato a un server.
Domande frequenti
- La mia immagine viene caricata per creare la favicon?
- No. La favicon.ico, le icone PNG e il manifest sono tutti generati localmente nel tuo browser usando la Canvas API. La tua immagine non lascia mai il tuo dispositivo.
- Quali dimensioni e file ottengo?
- Una favicon.ico multi-risoluzione (16, 32 e 48px), icone PNG a 16, 32, 48, 180 (apple-touch-icon), 192 e 512px, un site.webmanifest e uno snippet HTML da incollare nel tuo <head>.
- Posso convertire un PNG o SVG in ICO?
- Sì. Trascina un PNG, JPG, SVG o WebP e scarica una vera favicon.ico. I loghi SVG vengono prima rasterizzati localmente ad alta risoluzione.
- Quale immagine funziona meglio?
- Un'immagine quadrata con un logo semplice e ad alto contrasto. Le immagini non quadrate vengono ritagliate al centro per adattarsi; usa i controlli di padding e forma per inquadrarla come preferisci.
- Come installo la favicon?
- Estrai il pacchetto nella cartella radice del tuo sito e incolla lo snippet HTML fornito nel <head> delle tue pagine. La favicon.ico viene rilevata automaticamente dalla maggior parte dei browser.