Generatore di Favicon
FreeCarica un'immagine e ottieni un pacchetto favicon completo: favicon.ico, ogni dimensione PNG attesa da browser e dispositivi, apple-touch-icon, icone Android, un site.webmanifest e l'HTML da incollare, tutto in uno ZIP.
Gira interamente nel tuo browser. La tua immagine non viene mai caricata da nessuna parte.
Clicca per scegliere un'immagine, o trascinane una qui
Un'immagine quadrata funziona meglio, ma qualsiasi dimensione o forma va bene.
Immagini Non Quadrate
Dettagli App (per site.webmanifest)
Dimensioni Generate
Attività recente
Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.
Favicon set generated
1 ora fa
Favicon set generated
1 ora fa
Favicon set generated
1 ora fa
Favicon set generated
1 ora fa
Cosa fa questo strumento
Carica un logo o un'immagine e questo strumento genera un pacchetto favicon completo: un favicon.ico multirisoluzione, PNG individuali in ogni dimensione che browser e dispositivi moderni si aspettano, un apple-touch-icon, icone Android Chrome, un site.webmanifest precompilato e i tag HTML esatti da incollare nel <head> della tua pagina, tutto racchiuso in un unico download ZIP.
Come funziona
La tua immagine viene disegnata su un canvas HTML a ogni dimensione target (16, 32, 48, 180, 192 e 512 pixel), ritagliata a un quadrato centrato o riempita con un colore di sfondo, a seconda della tua scelta. Le tre dimensioni più piccole vengono poi impacchettate in un unico favicon.ico usando il formato ICO con PNG incorporato, un contenitore binario leggero che ogni browser e sistema operativo attuale legge correttamente. Tutto, fino al file ZIP stesso, viene assemblato nel tuo browser; nulla viene caricato.
Problemi che risolve
- Generare ogni dimensione di favicon di cui un sito moderno ha bisogno da una singola immagine sorgente, invece di ridimensionarle manualmente una per una.
- Produrre un favicon.ico multi-dimensione correttamente strutturato senza software di immagine specializzato.
- Ottenere un site.webmanifest pronto all'uso e i tag HTML corrispondenti, non solo file immagine.
- Visualizzare in anteprima come apparirà realmente l'icona in una scheda del browser prima di pubblicarla.
Domande frequenti
›Perché ho bisogno di così tante dimensioni diverse?
Piattaforme diverse richiedono dimensioni diverse: le schede del browser usano tipicamente 16x16 o 32x32, le icone della schermata home di iOS usano 180x180, e le richieste di installazione di Android Chrome e PWA usano 192x192 e 512x512. Fornirle tutte significa che la tua icona appare nitida ovunque invece di risultare allungata o sfocata su alcuni dispositivi.
›Cos'è favicon.ico, e perché è ancora necessario insieme ai PNG?
Il formato .ico può raggruppare più dimensioni (16x16, 32x32, 48x48) in un unico file, ed è ancora quello a cui i browser ricorrono per impostazione predefinita se non è specificato nessun altro link per l'icona, inclusi browser molto vecchi e alcune scorciatoie a livello di sistema operativo. Questo strumento impacchetta tutte e tre le dimensioni in un unico favicon.ico valido usando il moderno formato con PNG incorporato supportato da ogni browser e sistema operativo attuale.
›Dovrei ritagliare o riempire un'immagine non quadrata?
Il ritaglio mantiene ogni pixel a piena pagina ma taglia i bordi di un'immagine non quadrata, utile quando il tuo logo riempie già l'inquadratura. Il riempimento mantiene visibile l'intera immagine aggiungendo un colore di sfondo attorno, meglio quando il tuo logo ha margini vuoti o non è centrato.
›A cosa serve site.webmanifest?
È un piccolo file JSON che Android e altre piattaforme leggono per conoscere il nome, le icone e il colore del tema del tuo sito quando qualcuno lo aggiunge alla schermata home o lo installa come app web progressiva. Questo strumento ne genera uno precompilato con le icone appena create.
›Questo carica il mio logo da qualche parte?
No. Ogni ridimensionamento, il file ICO e lo ZIP stesso vengono tutti creati localmente nel tuo browser usando l'API Canvas; la tua immagine non viene mai inviata a un server.
Strumenti correlati
Immagine
Regola HSL Immagine
Sposta tonalità, saturazione, e luminosità su un'immagine con cursori dal vivo, direttamente nel tuo browser.
FreeImmagine
Regola HSL Immagine Batch
Applica la stessa regolazione di tonalità, saturazione, e luminosità a più immagini contemporaneamente, direttamente nel tuo browser.
FreeImmagine
Aggiungi Testo a Immagine
Aggiungi una o più didascalie di testo personalizzate su un'immagine, direttamente nel tuo browser.
FreeImmagine
Rimuovi Sfondo Immagine (IA)
Ritaglia automaticamente lo sfondo da una foto usando un modello IA sul dispositivo, direttamente nel tuo browser.
FreeImmagine
Schema Colore Analogo
Genera una palette colore analoga armoniosa da qualsiasi colore base, direttamente nel tuo browser.
FreeImmagine
Fondi Colori
Fondi insieme due colori con un bilanciamento regolabile, usando fusione RGB semplice, gamma-corretta, o HSL.
FreeImmagine
Sfoca Immagine
Sfoca un'immagine nel tuo browser usando sfocatura Box, Gaussiana, Movimento, o Radiale, poi scarica il risultato.
FreeImmagine
Generatore Immagini a Cornice Sfocata
Adatta la tua foto in un quadrato o altro rapporto d'aspetto senza ritagliare, riempiendo lo spazio extra con una copia sfocata e ingrandita dell'immagine.
Commenti (0)
Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.
Ancora nessun commento. Sii il primo a condividere il tuo pensiero!