Vai al contenuto
UUTOOLS.NET

Generatore di favicon: tutte le icone che servono al tuo sito

Crea favicon.ico, icone Apple e Android e il codice HTML da un'immagine, lettere o un emoji.

oppure trascinale qui, o incollale con Ctrl+V / ⌘V

Formati supportati: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF

Convertire sul nostro server?

Se continui, il file viene caricato tramite una connessione cifrata e convertito sul nostro server. Nel frattempo puoi continuare a usare il sito. L’originale viene eliminato appena convertito; il risultato viene conservato 7 giorni per poterlo scaricare e puoi eliminarlo in qualsiasi momento. I file non vengono mai condivisi né usati per altro.

Le tue immagini vengono elaborate nel tuo browser e non vengono caricate. Dettagli sulla privacy

Come si usa: Generatore di favicon

  1. 1 Scegli un'immagine o un logo, oppure passa a «testo o emoji» e scrivi da uno a quattro caratteri.
  2. 2 Scegli lo sfondo (un colore o trasparente), la forma e il margine interno.
  3. 3 Controlla l'anteprima a 16, 32, 48 e 180 pixel.
  4. 4 Scarica lo ZIP, carica i file nella cartella principale del sito e incolla le righe HTML nelle pagine.

Informazioni su questo strumento

La favicon è la piccola icona nelle schede del browser, nei preferiti e nella schermata Home del telefono. Ogni posto vuole una dimensione diversa: i browser usano 16 e 32 pixel, Windows fino a 48, gli iPhone 180 e Android 192 e 512.

Questo generatore le crea tutte da un'unica fonte: favicon.ico con immagini da 16, 32 e 48 pixel, favicon PNG, l'icona touch di Apple (sempre con sfondo, come richiede iOS), icone Android, un manifest web e l'HTML da incollare. Se parti da un logo SVG, viene incluso anche l'SVG come favicon moderna e scalabile.

Le dimensioni piccole vengono ridotte in più passaggi per mantenere i bordi nitidi. Tutto viene creato nel browser; il tuo logo non viene caricato.

Domande frequenti

Di quali file ho bisogno?

favicon.ico funziona in tutti i browser. I file PNG e l'icona touch di Apple rendono l'icona nitida sugli schermi ad alta risoluzione e nella schermata Home, mentre il manifest con le icone Android viene usato quando qualcuno aggiunge il tuo sito alla schermata Home di Android.

Dove metto i file?

Nella cartella principale del sito, in modo che https://tuosito.it/favicon.ico funzioni. Poi incolla le righe HTML nella sezione <head> delle pagine (quasi tutti i site builder hanno un campo apposito).

Cosa rende buona una favicon?

Una forma semplice o una o due lettere molto contrastate. I dettagli fini e i testi lunghi diventano illeggibili a 16 pixel, quindi controlla l'anteprima da 16 px.

Perché l'icona Apple ha uno sfondo?

iOS mostra le icone touch trasparenti su sfondo nero, che spesso stona. Il generatore quindi riempie sempre l'icona Apple con il tuo colore di sfondo, o di bianco se hai scelto trasparente.

Il mio logo viene caricato?

No. Tutte le icone sono disegnate dal tuo browser e lo ZIP viene creato sul tuo dispositivo.

Strumenti correlati