Generatore di Favicon
Trascina un logo, ottieni un pacchetto completo di favicon: ICO, PNG, Apple touch, PWA e un'immagine OG, pronto per essere pubblicato.
Cosa fa questo strumento
Prende una sola immagine sorgente — di solito un logo quadrato in SVG o PNG — e produce ogni variante di favicon di cui un sito moderno ha bisogno, impacchettata in un unico ZIP. L'output include un favicon.ico multi-risoluzione (16, 32 e 48 pixel) per i browser legacy e per l'inevitabile richiesta a /favicon.ico, PNG autonomi a 16, 32, 192 e 512, un'Apple touch icon a 180 per gli aggiunti alla home iOS, e un'immagine Open Graph 1200 × 630 per le anteprime dei link su Twitter, Facebook, Slack, Discord e LinkedIn. Lo ZIP contiene anche HTML pronto da incollare per il <head> e un manifest.json funzionante per le installazioni come Progressive Web App: metti i file nella radice del sito, incolla lo snippet, sostituisci nome e theme color e hai finito. Tutto viene eseguito localmente sul tuo dispositivo: il tuo logo non lascia mai il browser, non viaggia verso i nostri server, non viene memorizzato, indicizzato, loggato o condiviso. Niente registrazione, niente watermark, niente email gate. Scegli sfondo trasparente, bianco o personalizzato, regola il padding così che il logo non vada a sbattere contro il bordo, e visualizza l'anteprima dal vivo a ogni dimensione prima di scaricare.
Come generare le favicon
- Trascina il tuo logo — Un SVG o PNG quadrato funziona meglio. Le sorgenti non quadrate vengono adattate automaticamente con bande.
- Imposta sfondo e padding — Trasparente per icone che includono già lo sfondo. Bianco o un colore brand per quelle che non ce l'hanno. Il padding aggiunge respiro intorno al logo.
- Genera — Ogni dimensione viene renderizzata localmente e impacchettata in un unico ZIP. Il classico
favicon.icoè costruito byte-perfect con payload PNG 16/32/48 incorporati, come si aspetta Windows moderno. - Incolla gli snippet — Metti i file nella radice del sito, incolla lo snippet HTML nel
<head>e sostituisci i valori segnaposto in manifest.json.
Come viene costruito il pacchetto
Ogni variante PNG viene renderizzata da capo alla dimensione di destinazione, mantenendo le proporzioni della sorgente e applicando padding intorno al bordo, così che un logo quadrato non vada mai a sbattere contro il frame. Il classico favicon.ico raggruppa tre dimensioni codificate in PNG (16, 32 e 48 pixel) in un unico file — un formato che Windows supporta da oltre un decennio — e resta sotto i 5 KB totali, quindi si carica all'istante e non aggiunge peso percepibile al sito. L'immagine di anteprima Open Graph è una canvas da 1200 × 630 con il logo centrato al 70% dell'asse più corto, sullo sfondo che hai scelto (o bianco se hai scelto trasparente: le card di anteprima dei link richiedono sempre un riempimento solido, altrimenti l'icona scompare sui temi scuri dei social media). Le Apple touch icon sono renderizzate a 180 × 180, dimensione che iOS scala su o giù per ogni contesto di installazione. Le icone PWA vengono prodotte a 192 e 512, le due dimensioni che Android Chrome cerca nel manifest.json.
File contenuti nello ZIP
favicon.ico con payload PNG 16/32/48 — usato da ogni tab del browser. favicon-16x16.png e favicon-32x32.png per i browser moderni che preferiscono il PNG. apple-touch-icon.png a 180 × 180 — mostrata sulla home iOS. favicon-192x192.png e favicon-512x512.png per Android Chrome e installazioni PWA. og-image.png a 1200 × 630 — usata per le anteprime dei link su Twitter, Facebook, Slack e Discord. manifest.json che fa riferimento alle icone PWA. snippet.html con ogni tag <link> e <meta> da incollare.
Domande frequenti
Il mio logo viene caricato da qualche parte?
Mi serve davvero il favicon.ico?
/favicon.ico di default. I browser moderni preferiscono le dichiarazioni PNG dello snippet HTML, ma avere l'.ico nella radice ti costa 5 KB ed evita 404 nei tuoi access log.