Generatore di favicon

Crea un pacchetto di favicon completo nel browser: un vero favicon.ico multirisoluzione, PNG da 16 a 512 px, un site.webmanifest e uno snippet HTML.

Caricamento strumento…

Generatore di faviconTrascina una singola immagine PNG o JPG e crea all'istante un pacchetto di favicon completo: un vero favicon.ico multirisoluzione (16/32/48), icone PNG quadrate da 16 a 512 px, un site.webmanifest e uno snippet HTML head pronto da incollare. Scegli una forma quadrata, arrotondata o maskable, aggiungi un riempimento di sfondo e del padding, poi scarica una singola dimensione, il .ico o l'intero pacchetto come ZIP. Tutto avviene localmente nel tuo browser: la tua immagine non viene mai caricata.

Cos'è Generatore di favicon?

Il Favicon Generator è un creatore di favicon gratuito e basato sul browser che trasforma un'immagine PNG o JPG in un pacchetto di favicon completo e pronto da pubblicare. È pensato per sviluppatori, web designer e proprietari di siti che hanno bisogno di favicon in fretta per HTML, WordPress, PWA o icone Apple touch, senza installare software né registrarsi. Raccoglie un vero favicon.ico multirisoluzione (16, 32 e 48 px), icone PNG quadrate da 16, 32, 48, 180 (Apple touch) e 192/512 px (Android/PWA), un site.webmanifest e uno snippet HTML head, il tutto reso con un ridimensionamento canvas di alta qualità. Usalo ogni volta che vuoi convertire un logo o un'immagine in tutti i file di favicon di cui un sito moderno ha bisogno, interamente sul tuo dispositivo.

Come usare Generatore di favicon

  1. Trascina un'immagine PNG o JPG sull'area di rilascio, oppure cliccala per sfogliare e scegliere un file dal tuo dispositivo.
  2. Apri l'ingranaggio delle impostazioni per scegliere una forma quadrata, arrotondata o maskable, attivare un colore di riempimento dello sfondo e impostare il padding dei bordi.
  3. Attendi mentre lo strumento renderizza ogni dimensione, assembla il favicon.ico multirisoluzione e crea il site.webmanifest e lo snippet HTML.
  4. Clicca su una miniatura per aprire la lightbox di zoom, oppure copia lo snippet HTML <head> e il testo del manifest direttamente dai loro pannelli.
  5. Usa un pulsante per dimensione per salvare un solo PNG, il pulsante .ico per il set di icone, o Scarica pacchetto per prendere tutto in uno ZIP.
  6. Premi ripristina per cancellare l'immagine corrente e ricominciare con una nuova.

Esempi

Dal logo al pacchetto completo di favicon

Trascina un logo PNG e ottieni favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest, oltre allo snippet <head> corrispondente — tutto compresso in favicon-package.zip.

Icona maskable per Android

Cambia la forma in maskable e attiva uno sfondo bianco: lo strumento aggiunge un padding di zona sicura e imposta il purpose dell'icona del manifest su "maskable", così Android può ritagliarla in cerchio o squircle senza tagliare il tuo logo.

Icona arrotondata con padding

Scegli la forma arrotondata e circa il 12% di padding per ottenere angoli ritagliati in modo morbido con spazio attorno alla grafica, in linea con lo stile delle icone app moderne.

Domande frequenti

Il favicon.ico è un'icona multirisoluzione vera?
Sì. Lo strumento assembla i PNG da 16, 32 e 48 px in un unico contenitore favicon.ico scritto byte per byte nel tuo browser, così un solo file .ico fornisce tutte e tre le risoluzioni alle schede del browser e ai segnalibri.
Quali file ci sono nel pacchetto ZIP?
Lo ZIP contiene favicon.ico, le icone PNG (16, 32, 48, 180, 192 e 512 px con nomi convenzionali) e site.webmanifest. Incolla lo snippet HTML <head> fornito per collegarli alla tua pagina.
Cosa fanno le opzioni di forma e padding?
Quadrata mantiene un'icona quadrata semplice, arrotondata ritaglia gli angoli e maskable aggiunge un margine di zona sicura e contrassegna le icone del manifest come maskable per Android. Il padding riduce la grafica dentro ogni quadrato, e il riempimento di sfondo dipinge dietro.
Quali formati di immagine posso caricare?
Puoi trascinare o sfogliare una singola immagine PNG o JPG. Lo strumento legge quell'unica immagine di origine e ne renderizza ogni dimensione di output, il favicon.ico e il manifest.
La mia immagine viene caricata su un server?
No. Tutto viene eseguito localmente nel tuo browser tramite la Canvas API — le icone PNG, il contenitore favicon.ico e lo ZIP vengono creati tutti sul tuo dispositivo, quindi la tua immagine non viene mai caricata.

Strumenti correlati