Vai al contenuto
helpyself

Generatore di favicon

Local only — nothing is uploaded unless you save or share it.

Un generatore di favicon che trasforma qualsiasi immagine in un set completo.

  1. Trascina un'immagine quadrata, meglio se 512×512 o più grande
  2. Scarica le icone, o le singole dimensioni che ti servono
  3. Incolla il frammento HTML nel head della tua pagina

Condividi un link

Salva il risultato nei tuoi file e ti dà un indirizzo che chiunque può aprire. Smette di funzionare da solo.

Il link dura
Salva questo strumento

Tieni Generatore di favicon a portata di mano

Aggiungi ai preferiti

Su questo strumento

Una favicon era un tempo un piccolo file e oggi è una piccola collezione, perché browser, schermate home di iOS e launcher Android vogliono tutti dimensioni diverse. Questo generatore produce il set che conta davvero invece del mucchio storico di venti file: un favicon.ico multirisoluzione contenente le versioni da 16, 32 e 48 pixel per la cornice del browser e i segnalibri, PNG separati a 16 e 32 per i browser moderni, un'icona touch Apple da 180 pixel, e icone da 192 e 512 pixel per Android e per le applicazioni web progressive. Ti dà anche l'HTML da incollare nel tuo head e le voci di manifest per le dimensioni Android, dato che sapere quali file generare è solo metà del problema. Le immagini non quadrate vengono ritagliate su un quadrato centrato invece che schiacciate, perché un logo stirato a 16 pixel è illeggibile. Tutto viene generato nel tuo browser, quindi il tuo logo non viene mai caricato.

Domande frequenti

Di che dimensione deve essere la mia immagine di partenza?

Almeno 512×512, e quadrata. Tutto viene ridotto a partire dal tuo originale, quindi partire piccoli produce icone sfocate nelle dimensioni maggiori. Un logo vettoriale esportato a 1024×1024 dà i risultati più puliti.

Mi serve ancora favicon.ico?

Sì, anche se meno di prima. I browser richiedono /favicon.ico per impostazione predefinita perfino senza un tag link, ed è ancora quello che compare in alcune viste dei segnalibri e della cronologia. Il .ico qui contiene tre risoluzioni così il browser può scegliere la più nitida.

Perché il mio logo non quadrato viene ritagliato?

Perché ogni spazio per la favicon è quadrato, e stirare un logo largo per farlo entrare lo rende illeggibile a 16 pixel. Viene usato il quadrato centrato più grande. Se questo taglia via qualcosa di importante, prepara prima una versione quadrata del tuo marchio — quasi tutti i marchi ne hanno una proprio per questa ragione.

Perché la mia favicon non si aggiorna dopo che l'ho caricata?

I browser tengono le favicon in cache con molta insistenza, spesso oltre un normale aggiornamento. Prova un ricaricamento forzato, apri direttamente l'indirizzo dell'icona, o controlla in una finestra anonima. È quasi sempre la cache e non un file rotto.

Dovrei usare invece una favicon SVG?

Le favicon SVG sono ben supportate e scalano alla perfezione, quindi sono una buona scelta principale se hai una grafica vettoriale pulita. Vorrai comunque un .ico e un'icona touch Apple come ripiego, ed è esattamente ciò che questo set fornisce.

Aiutaci a migliorare questo strumento

Hai trovato un errore, vuoi una modifica, o ti manca uno strumento?

/favicon-generator

↑↓ per muoverti · Invio per aprire · Esc per chiudere