Generatore di favicon - Crea tutte le dimensioni di favicon da un'immagine

Carica qualsiasi immagine e ottieni all'istante il set completo di favicon: un favicon.ico multirisoluzione più i PNG da 16, 32, 48, 180 (Apple), 192 e 512 (PWA) e il file site.webmanifest, racchiusi in uno ZIP.

Rilascia il tuo logo per generare ogni dimensione di favicon

Include favicon.ico, site.webmanifest + snippet HTML

I file vengono eliminati automaticamente dopo l'elaborazioneElaborato in modo sicuro tramite HTTPS

Frequently Asked Questions

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

Your source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.

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

Sì. Nessuna filigrana, nessuna registrazione, nessun limite di utilizzo: e lo ZIP è tuo per sempre. Abbiamo aggiunto questo strumento perché prima o poi ogni sviluppatore ha bisogno di un set di favicon, e i generatori esistenti erano pieni di pubblicità oppure ti facevano pagare per ottenere output ad alta risoluzione.

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

Yes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.

technical

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

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.

For Business

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.

For Developers

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.

For Business

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.

For Developers

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.

For Developers

Icons for a Browser Extension Manifest

Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.

Web & SEO

Fill the Favicon Gap on No-Code Sites

Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.

Personal Use

Give a Hobby Blog a Finished Look

Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.

Marketing

Fix the Favicon Flagged in an SEO Audit

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.