Generatore di Favicon
Carica un'immagine sorgente (idealmente quadrata) e ottieni il set completo di favicon standard: PNG 16×16, 32×32 e 48×48, un apple-touch-icon 180×180, icone 192×192 e 512×512 per un web manifest, un favicon.ico multi-dimensione costruito manualmente e un file site.webmanifest corrispondente. Tutto viene generato con canvas nel tuo browser, senza alcun server coinvolto.
Verificato da Vincenzo Manto, Fondatore e Lead Developer · Ultimo aggiornamento 27 settembre 2026
Come funziona
- 1
Carica un'immagine sorgente, idealmente un logo o un'icona quadrata di almeno 512×512px.
- 2
Lo strumento genera istantaneamente ogni dimensione standard di favicon (16, 32, 48, 180, 192, 512px) tramite canvas.
- 3
Scarica ogni PNG singolarmente, oppure scarica il favicon.ico multi-dimensione costruito dai rendering 16/32/48.
- 4
Inserisci un nome del sito e scarica un site.webmanifest corrispondente che fa riferimento alle icone 192/512.
Un'immagine, tutte le dimensioni di favicon di cui hai bisogno
Browser moderni, telefoni e prompt di installazione PWA si aspettano ciascuno una dimensione di icona leggermente diversa. Invece di ridimensionare il tuo logo sei volte a mano in un editor, questo strumento produce l'intero set in un solo passaggio, con dimensioni e nomi coerenti con quelli usati dalla maggior parte dei framework e generatori di siti statici.
Un favicon.ico costruito a mano
Invece di affidarsi a un'API di terze parti per produrre il file .ico multi-risoluzione, questo strumento assembla da sé il formato contenitore ICO: header, voci di directory e dati PNG incorporati per le dimensioni 16, 32 e 48 pixel, così come i browser moderni leggono oggi i file favicon.ico.
Parti da un logo vettoriale invece che da una foto?
Se la sorgente è un SVG invece di un'immagine raster, aprilo prima nel nostro editor SVG per appiattire i colori o ritoccare il disegno, esportalo come PNG, poi porta quel PNG qui per generare il set completo di favicon.
Domande frequenti
La mia immagine viene caricata da qualche parte?
No. L'immagine viene ridimensionata e ricodificata interamente nel tuo browser tramite l'API canvas. Nulla viene inviato a un server.
Cosa contiene esattamente il favicon.ico generato?
Un contenitore ICO multi-immagine costruito byte per byte da questo strumento: un header di 6 byte, una voce di directory di 16 byte per ogni immagine, seguita dai dati PNG compressi per le dimensioni 16×16, 32×32 e 48×48. I browser moderni leggono dati compressi in PNG direttamente dentro i file ICO, quindi non serve alcuna codifica BMP legacy.
Perché ho bisogno di un file site.webmanifest?
Permette ai browser di mostrare il nome e l'icona corretti quando un sito viene aggiunto alla schermata home o installato come PWA. Questo strumento ne genera uno che fa riferimento alle icone 192×192 e 512×512 appena create.
L'immagine sorgente deve essere quadrata?
No, ma un'immagine quadrata evita distorsioni, dato che ogni dimensione di favicon è anch'essa quadrata. Le immagini non quadrate vengono adattate forzatamente.
Dove devo mettere questi file sul mio sito?
Solitamente favicon.ico e apple-touch-icon.png vanno nella radice del sito, mentre il manifest.json/site.webmanifest viene collegato dall'<head> HTML insieme alle icone PNG.
Strumenti correlati
Screenshot Beautifier
Trasforma uno screenshot in un mockup da studio con cornici finestra, tilt 3D, ombre e censure.
Screenshot Showcase Generator
Trasforma screenshot in grafiche showcase multi-device professionali.
Convertitore da Immagini a Video
Trasforma una serie di immagini in un video slideshow, esportato in MP4 o WebM.