Tutte le dimensioni della favicon da una sola immagine

Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.

PPPP

Trascina un'immagine quadrata — ottieni tutte le dimensioni della favicon più site.webmanifest in uno ZIP.

Include favicon.ico, site.webmanifest + snippet HTML

Cosa puoi fare con Generatore di favicon

Tutto quello che puoi fare con questo strumento — senza nulla da imparare e senza configurazioni.

  • Genera tutte le dimensioni della favicon da un'unica immagine
  • Crea icone Apple touch e per la schermata Home Android
  • Ottieni un file site.webmanifest pronto all'uso
  • Scarica tutte le dimensioni della favicon in un unico ZIP
  • Aggiungi al tuo sito un'icona nitida per la scheda del browser
Uploads are encrypted in transitRemoved under our retention policy

Domande frequenti

Per i browser e i dispositivi moderni servono sei dimensioni: 16×16 e 32×32 per le schede del browser, 48×48 per le icone dei siti su Windows, 180×180 per l'icona touch di Apple (schermata home iOS) e 192×192 + 512×512 per le schermate home Android e i prompt di installazione PWA. Il nostro generatore produce tutte e sei più un file site.webmanifest da un'unica immagine sorgente.

usage

La maggior parte dei browser moderni preferisce i tag link PNG (rel="icon" type="image/png"), quindi un file ICO non è più necessario. Saltiamo il vecchio ICO e forniamo favicon PNG dimensionate correttamente per ogni target moderno. Se devi supportare Internet Explorer o versioni molto datate di Chrome, puoi convertire separatamente una delle PNG in ICO.

technical

Un web app manifest è un file JSON che indica ad Android, Chrome ed Edge come deve apparire il tuo sito quando viene installato come progressive web app — icona, nome, colore del tema e modalità di visualizzazione. Il nostro generatore include un manifest di base che punta alle icone di Android Chrome; devi solo modificare il nome e theme_color.

features

Un PNG quadrato (1:1) a 512×512 o superiore offre il risultato più nitido a ogni dimensione. Evita i dettagli fini che scompaiono a 16×16 — le favicon funzionano meglio con una sola forma decisa e un alto contrasto. I PNG trasparenti funzionano; lo strumento li inquadra con bande in modo che l'icona resti centrata a ogni dimensione.

tips

La tua immagine sorgente viene caricata tramite HTTPS sul nostro server sicuro, che genera ogni dimensione di favicon e il site.webmanifest e li restituisce in un file ZIP, poi elimina automaticamente il caricamento dopo l'elaborazione. I download non hanno filigrana e nulla viene memorizzato o condiviso, quindi rimane sicuro per prodotti non ancora pubblicati e identità di brand pre-lancio.

privacy

Decomprimi il file scaricato nella cartella /public (o root web) del tuo sito, poi aggiungi lo snippet HTML incluso al tuo <head>: i tag link per le icone PNG più un link a site.webmanifest. Ricarica il sito forzando il refresh (Cmd+Maiusc+R): i browser memorizzano le favicon nella cache in modo aggressivo, quindi potresti dover svuotare la cache perché la nuova icona compaia.

usage

Sì: i PNG da 192×192 e 512×512 sono esattamente ciò che Chrome ed Edge cercano per qualificare un sito come PWA installabile. Insieme al manifest soddisfano il controllo di installabilità PWA di Lighthouse.

technical

Yes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.

pricing

Una favicon è la piccola icona che il browser mostra accanto al titolo della pagina nella scheda, nei preferiti e nella cronologia. Viene usata anche come icona quando qualcuno aggiunge il tuo sito alla schermata principale del telefono o lo installa come app. Carica qui il tuo logo e il generatore produce l'intero set di dimensioni della favicon più un site.webmanifest in un unico ZIP.

usage

Sì — il sistema di caricamento accetta file sorgente PNG, JPEG, WebP e SVG, non solo PNG. Vale la pena usare l'SVG se ce l'hai: essendo vettoriale, ogni dimensione di output da 16 fino a 512 viene renderizzata di nuovo dai dati vettoriali anziché ingrandita da un raster, così i bordi restano nitidi persino a 512×512. Anche JPEG e WebP funzionano bene, anche se dovresti prima appiattire eventuali trasparenze su uno sfondo poiché il JPEG non può contenere un canale alfa.

technical

Carica il tuo logo PNG e il generatore lo trasforma in un favicon.ico multi-risoluzione contenente le versioni da 16, 32 e 48 pixel richieste dai browser, insieme alle sei dimensioni PNG e al site.webmanifest, tutto racchiuso in un unico file ZIP. Funzionano anche sorgenti JPEG, WebP e SVG, così qualsiasi file di logo si trasforma in una favicon senza aprire un editor di immagini.

usage

Come Generatore di favicon ti aiuta a portare a termine il lavoro

Problemi reali che risolve ogni giorno — per aziende, creativi e attività quotidiane. Trova il caso d'uso adatto a te e inizia in pochi secondi.

Per gli sviluppatori

Lanci di indie hacker

I founder che lavorano da soli al lancio del loro MVP hanno bisogno di una favicon curata prima del rilascio. Genera ogni dimensione dalla tua singola immagine del logo, insieme al manifest, con un solo clic: niente Figma, nessun abbonamento di design necessario.

Per le aziende

Configurazione cliente per agenzie

Quando si consegna il sito di un nuovo cliente, il set di favicon è raramente previsto a budget ma sempre atteso. Genera lo ZIP alla fine del progetto, inseriscilo in /public e spunta il deliverable.

Per gli sviluppatori

Installabilità PWA

Per superare il controllo di installabilità di Chrome, il tuo manifest necessita di icone 192×192 e 512×512. Il nostro output soddisfa questo requisito fin da subito, insieme ai relativi tag HTML head corrispondenti.

Per le aziende

Spazi di lavoro multi-brand

Le agenzie e i consulenti che gestiscono più brand di clienti possono rigenerare il set di favicon in 10 secondi ogni volta che viene rilasciato un restyling del brand, senza dover mantenere un'azione di Photoshop.

Per gli sviluppatori

Branding di Progetti Open Source

I siti su GitHub Pages, Vercel, Netlify e Cloudflare Pages hanno tutti bisogno di favicon per apparire curati nelle schede del browser. Inserisci i file generati nel tuo repository e il tuo progetto avrà un aspetto finito.

Marketing

Rinnovo del rebranding

Quando il tuo logo cambia, rigenera ogni dimensione necessaria, inclusa l'Apple touch icon da 180px e l'icona PWA Android da 512px, senza riesportare manualmente da Illustrator.

Per gli sviluppatori

Icone per un manifest di estensione del browser

Prendi i PNG da 16, 32 e 48px direttamente dallo ZIP per l'oggetto icons del tuo manifest.json — un modo veloce per ottenere icone di estensione conformi senza esportare ogni dimensione a mano in uno strumento di design.

Web e SEO

Colma la lacuna della favicon sui siti no-code

Webflow, Framer e Wix raramente generano da soli un set completo di favicon; carica qui il tuo logo e incolla le dimensioni risultanti e lo snippet HTML nel pannello di codice personalizzato o impostazioni SEO del sito in pochi minuti.

Uso personale

Dai a un blog hobbistico un aspetto rifinito

I blog personali su Ghost, Jekyll o Hugo spesso non hanno alcuna favicon; genera il set completo da un ritratto o un logo disegnato a mano così la scheda del browser appare curata invece che vuota.

Marketing

Correggi la favicon segnalata in un audit SEO

Una favicon mancante o non funzionante è un segnale che compare spesso nei report di Lighthouse e dei crawler SEO, e riduce silenziosamente i clic nei risultati di ricerca e nei segnalibri. Rigenera l'intero set con un solo caricamento e chiudi oggi stesso quella segnalazione.