Usa questa guida alle dimensioni favicon per scegliere i file giusti per browser, Apple touch e web app, cosi il logo resta nitido in tab, ricerca e superfici di installazione.
La maggior parte dei brand ha bisogno di piu di un solo file favicon. Nel 2026 il set piu pratico e un favicon.ico con piu misure di fallback, un PNG 32x32, un Apple touch icon 180x180 e icone manifest 192x192 e 512x512 se il sito puo essere installato. Questo pacchetto copre meglio tab, Google Search, salvataggi sulla home di iOS e superfici tipo app.
Dopo la revisione di kitnex.ai e del blog Kitnex il 6 luglio 2026, era chiaro che prompt, mockup, colore, formati, licensing e checklist di lancio erano gia coperti bene. Mancava il livello di deploy: come trasformare una direzione di logo approvata nelle piccole icone che le persone vedono davvero in tab, risultati di ricerca, scorciatoie e schermate home.
Google dice che una favicon deve essere quadrata e misurare almeno 8x8 pixel, e raccomanda un file piu grande di 48x48 per reggere meglio su superfici diverse. Inoltre Google Search supporta una sola favicon per sito o hostname, quindi la coerenza del marchio conta piu delle varianti decorative.
Questo e il livello minimo di idoneita, non un vero piano di lancio. Browser, sistemi operativi e superfici di installazione continuano a richiedere piu misure. Per la maggior parte dei team e piu sicuro mantenere un unico simbolo coerente ed esportare un piccolo bundle per browser, una touch icon Apple e le icone manifest.
Il modello HTML consente di dichiarare piu file rel=icon e i browser possono scegliere l'opzione piu adatta in base a tipo e sizes. L'HTML Standard mostra piu riferimenti icona come un pattern normale. Tab, preferiti e scorciatoie desktop possono quindi preferire fallback diversi.
iOS segue una logica separata. MDN ricorda che iOS non usa rel=icon per i Web Clip e cerca invece apple-touch-icon. La documentazione Apple per le web application cita misure come 152x152, 167x167 e 180x180. Senza quel file, una superficie importante resta affidata al caso.
Inizia con un favicon.ico che contenga i piccoli fallback piu comuni, spesso 16x16, 32x32 e 48x48. Aggiungi un PNG 32x32 per i browser moderni, poi un apple-touch-icon 180x180 per la home di iPhone e icone manifest 192x192 e 512x512 per installazione e splash.
Qui torna utile l'articolo Kitnex sui formati di file. L'obiettivo non e produrre export infiniti, ma i pochi file che corrispondono a superfici reali. Se il marchio scelto funziona solo come lockup orizzontale o se i dettagli sottili spariscono a 32 pixel, bisogna prima semplificare il simbolo.
MDN spiega che le icone manifest possono dichiarare scopi come any, maskable o monochrome. web.dev aggiunge che la parte importante dell'artwork dovrebbe restare in una zona sicura centrale con raggio pari al 40 per cento della larghezza dell'icona, mentre il 10 per cento esterno puo essere tagliato.
Per il branding la conseguenza e diretta: non basta ridurre il lockup completo. Un wordmark denso, sfumature sottili o contorni delicati possono apparire bene in un hero e crollare quando l'icona viene ritagliata in un cerchio o in un quadrato arrotondato. Se l'icona vive in contesti tipo app, va trattata come asset dedicato.
Google dice che Googlebot-Image deve poter eseguire la scansione del file favicon e Googlebot deve poter leggere la home page, e ricorda che il recrawl puo richiedere da pochi giorni a diverse settimane. L'abitudine piu sicura e usare URL stabili, collegare i file dalla home ed evitare rinominazioni casuali in produzione.
Poi arriva il test visivo. Apri l'icona in una tab reale, salva il sito sulla home di un iPhone, controlla il manifest in un flusso di installazione Chrome o Android e riduci il simbolo fino alla superficie piu piccola prevista. Gli articoli Kitnex su mockup e checklist di brand aiutano anche qui, perche la stessa disciplina svela subito un simbolo che muore in formato minuscolo.
Google richiede una favicon quadrata di almeno 8x8 pixel e consiglia un file oltre 48x48 per una resa migliore su superfici diverse. Google Search usa una sola favicon per sito o hostname, quindi chiarezza e coerenza contano piu delle varianti decorative.
Nella maggior parte dei casi si. favicon.ico resta un fallback robusto per contesti browser e preferiti piu tradizionali, mentre PNG o SVG coprono meglio altre superfici moderne. La meta non e scegliere un solo vincitore, ma offrire un asset affidabile a ogni contesto.
La favicon serve soprattutto per superfici di browser e ricerca, mentre apple-touch-icon viene usata da iOS quando qualcuno salva il sito nella schermata Home. MDN ricorda che iOS non usa rel=icon per i Web Clip.
Non sempre, ma diventa utile se il sito puo essere installato, fissato o mostrato su superfici di sistema piu grandi. Se il sito e soprattutto informativo, dai priorita prima a favicon browser e Apple touch icon, poi aggiungi i grandi asset manifest quando l'installazione entra davvero nel flusso prodotto.
Parti dalla parte piu semplice del sistema di marca, spesso un simbolo, un monogramma o una versione molto ridotta invece del wordmark completo. Aumenta lo spazio negativo, elimina i dettagli fragili e prova l'icona a 16-32 pixel su sfondi chiari e scuri.
Continua a esplorare la libreria Kitnex per confrontare strategie di prompt, workflow per founder e framework di decisione del brand.
Una palette logo forte non nasce solo dall'istinto. Questa guida spiega come scegliere colori coerenti con la categoria, solidi sulle superfici reali e pronti per il lancio.
Leggi l'articoloUn buon brief logo trasforma preferenze vaghe in una direzione utile. Questa guida spiega cosa includere, offre un modello copiabile e mostra come ottenere direzioni di logo migliori con l'IA.
Leggi l'articoloL'identità di brand di una startup è più di un logo. Unisce posizionamento, regole visive, asset di lancio e verifiche per mantenere coerenza fin dal primo rollout.
Leggi l'articoloIl miglior creatore di loghi con IA per una piccola impresa non è soltanto quello con gli esempi più belli. È quello che aiuta a trasformare un'idea in file utilizzabili, asset coerenti di brand e superfici reali di lancio senza introdurre complessità inutile.
Leggi l'articoloUn buon mockup logo non è una scena bella a caso. È una superficie reale che mostra se il marchio resta chiaro e credibile fuori dalla tavola di lavoro.
Leggi l'articoloIl PNG è il formato più pratico per molti usi digitali del logo, ma SVG, PDF, EPS e JPG risolvono esigenze diverse. Questa guida spiega quale file usare per sito, mockup, stampa e lavoro di brand più strutturato.
Leggi l'articoloI migliori prompt per loghi IA non si basano solo su aggettivi di tendenza. Funzionano come mini brief creativi che chiariscono brand, pubblico, direzione visiva e contesto d'uso per ottenere opzioni più solide.
Leggi l'articoloUn logo generato con IA può spesso essere usato commercialmente, ma questo non significa che sia automaticamente protetto o pronto per un deposito di marchio. Contano i diritti e il processo di verifica.
Leggi l'articoloUn'idea vaga diventa un vero workflow di logo quando chiarisci il brief, confronti le direzioni, provi i mockup e capisci se il concetto regge il lancio.
Leggi l'articoloPer un founder, il miglior workflow di logo IA non è quello che genera più opzioni, ma quello che permette di decidere in fretta e arrivare ad asset pronti per il lancio.
Leggi l'articoloIl colore non è solo decorazione. Cambia il modo in cui una marca viene percepita in termini di serietà, categoria e affidabilità.
Leggi l'articolo
Kitnex