Genera file favicon in più dimensioni (da 16x16 a 512x512) da qualsiasi immagine. Gratuito, istantaneo e funziona interamente nel tuo browser.
Supporta PNG, JPG, SVG, WebP. Massimo 10 MB.
Una favicon è la piccola icona che appare nelle schede del browser, nei segnalibri e negli elenchi della cronologia. La favicon originale, un file ICO 16×16 su /favicon.ico, si è espansa in un insieme complesso di icone di diverse dimensioni per diverse piattaforme: 16×16 e 32×32 per le schede del browser, 180×180 per le schermate home di iOS, 192×192 e 512×512 per Android e varie dimensioni per i riquadri di Windows. Produrre tutto questo da un'unica immagine sorgente è ciò che fa un moderno generatore di favicon.
Questo strumento prende una singola immagine sorgente ad alta risoluzione (in genere un logo quadrato) e genera il set completo di risorse favicon più i tag di collegamento HTML necessari per farvi riferimento. L'output include ICO, più PNG e un file manifest.json per i metadati delle app Web progressive. Rilascia i file risultanti nella radice del tuo sito e fai riferimento ad essi tramite l'HTML generato.
Tutta l'elaborazione avviene nel tuo browser. Nessun caricamento, nessuna chiamata API, nessun limite di velocità. L'output funziona su tutti i browser e sistemi operativi moderni che visualizzano le favicon.
I siti senza favicon sembrano incompleti. Le schede del browser mostrano un'icona generica; i segnalibri non hanno identificatore visivo; il sito appare meno professionale. L'aggiunta di un set di favicon adeguato è un passaggio di rifinitura a basso sforzo e ad alto impatto che segnala l'attenzione ai dettagli.
I requisiti delle favicon moderne sono cresciuti oltre /favicon.ico. Le icone della schermata iniziale di iOS, le icone di Android Chrome, le icone dei riquadri di Windows e le varianti della modalità oscura utilizzano tutte file diversi. Generarli tutti da un'unica fonte garantisce un branding coerente senza dover gestire manualmente ciascun file.
Carica l'immagine sorgente, ottieni il set completo di favicon.
Il set completo di favicon moderne: favicon.ico (16+32+48 multi-risoluzione), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Inoltre site.webmanifest per PWA, browserconfig.xml per Windows.
Ogni PNG viene generato mediante downsampling basato su tela dalla sorgente. L'ICO è costruito in JavaScript combinando le versioni 16/32/48 nel formato ICO multi-risoluzione utilizzando le scritture DataView.
I tag di collegamento HTML fanno riferimento a ciascun file con gli attributi rel e size appropriati. Il generatore li produce come snippet pronto per il copia e incolla per <head> del tuo sito.