Vai al contenuto principale
LibraTool logoLibraTool

Generatore Favicon gratis

Trasforma qualsiasi immagine in un pacchetto favicon completo: un favicon.ico multi-dimensione, un'icona Apple touch, icone Android/PWA, un manifesto web e lo snippet HTML pronto da incollare — tutto zippato, nel tuo browser.

Trascina qui un file o fai clic per sfogliare

PNG, JPG, WebP, SVG, HEIC, HEIF · elaborato sul tuo dispositivo

oppure premi Ctrl+V per incollare dagli appunti

Sfoglia file

I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene localmente nel browser.

💡 Per il miglior risultato, carica un'immagine quadrata di almeno 512×512. PNG trasparente o SVG funzionano meglio.

Usi comuni

  • Crea una Favicon per il Sito WebGenera il set di favicon completo che ogni browser e dispositivo si aspetta.
  • Genera Icone PWA e ManifestOttieni le icone 192px e 512px e il web manifest di cui una PWA ha bisogno.
  • Crea un'Icona Apple TouchGenera l'icona 180×180 che iOS utilizza quando un sito viene salvato nella schermata iniziale.
  • Trasforma un Logo in una FaviconConverti il tuo logo del marchio in una favicon pulita e riconoscibile.
  • Genera Favicon per Qualsiasi FrameworkOttieni file favicon pronti all'uso per React, Next.js, WordPress e altri.

Come funziona

Questo strumento converte qualsiasi PNG, JPEG, WebP, o SVG in un pacchetto favicon completo — .ico multi-dimensione, icona Apple touch, icone Android/PWA, un web manifest, e uno snippet HTML pronto da incollare — interamente dentro il tuo browser usando la Canvas API e JSZip. Nulla viene caricato; tutto il rendering e l'assemblaggio dei file avvengono localmente.

  1. 1
    Canvas ridimensiona la tua immagine
    Il browser disegna la tua immagine sorgente su elementi Canvas HTML fuori schermo a ogni dimensione richiesta (16, 32, 48, 180, 192, e 512 px). Gli SVG senza attributi width/height espliciti vengono prima normalizzati tramite DOMParser e XMLSerializer così Firefox e Chrome producono un output di pixel identico invece di un canvas vuoto.
  2. 2
    L'encoder ICO scritto a mano impacchetta il file .ico
    Le voci ICO piccole (16, 32, 48 px) vengono codificate come bitmap DIB BGRA a 32 bit grezze — il BITMAPINFOHEADER più righe XOR bottom-up e una maschera AND a 1bpp — perché i componenti della shell Windows richiedono formato DIB non compresso a quelle dimensioni. Lo strumento scrive l'intestazione della directory ICO e concatena le voci interamente con DataView e Uint8Array, senza libreria ICO esterna coinvolta.
  3. 3
    Gli output PNG vengono prodotti tramite canvas.toBlob
    Ogni variante PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) viene catturata chiamando canvas.toBlob con 'image/png', delegando la codifica senza perdita al motore di immagini integrato del browser. Padding opzionale, colore di sfondo, e ritaglio della forma (quadrato, arrotondato, o cerchio) vengono applicati al contesto canvas prima della cattura.
  4. 4
    JSZip raggruppa tutto in un unico download
    JSZip assembla tutti i file generati — favicon.ico, i cinque PNG, un site.webmanifest con il nome della tua app, e un favicon-snippet.html con i tag <link> corretti — in un singolo blob .zip che si scarica automaticamente sul tuo dispositivo.

La tua immagine viene caricata direttamente nella Canvas API del browser e non lascia mai il tuo dispositivo — nessun dato del file viene trasmesso a nessun server in nessun momento.

Strumenti correlati

Domande frequenti