SEO
Favicon Generator
Carica un'immagine e ottieni un set completo di favicon (16–512px, .ico, web manifest) insieme al codice HTML pronto per l'<head>.
L'archivio include tutti i PNG, favicon.ico e site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Domande frequenti
Perché ho bisogno di così tante dimensioni diverse di favicon?
Piattaforme diverse richiedono dimensioni diverse — le schede del browser tipicamente usano 16x16 o 32x32, le icone della schermata home di iOS necessitano di 180x180, e Android usa varie dimensioni fino a 512x512 — generare il set completo garantisce che la tua icona appaia nitida ovunque.
Qual è la differenza tra favicon .ico e .png?
Il formato .ico può raggruppare più risoluzioni in un file e ha il supporto più ampio nei browser legacy, mentre i browser moderni accettano anche semplici file .png referenziati direttamente nei tag link — la maggior parte dei siti oggi usa entrambi per compatibilità.
La mia immagine caricata viene inviata a un server per generare i favicon?
No. Tutto il ridimensionamento e la conversione di formato avvengono interamente nel tuo browser — l'immagine non viene mai caricata da nessuna parte.
Un SVG può essere usato come favicon?
Sì — i browser moderni basati su Chromium e Firefox supportano <link rel="icon" type="image/svg+xml">, e una favicon SVG di questo tipo resta nitida a qualsiasi densità di pixel e può persino adattare i colori al tema chiaro/scuro del sistema.
Cos'è un'icona maskable per Android?
È un'icona con un'area di sicurezza attorno alla grafica principale, che permette ad Android di ritagliarla in qualsiasi forma (cerchio, quadrato arrotondato, ecc.) in base al tema del dispositivo, senza tagliare i contenuti importanti dell'icona.