Quanto deve essere grande il logo del tuo sito: altezza nell'header in pixel CSS, file retina 2x, SVG o PNG, più favicon, Apple touch icon, immagine di condivisione e dimensioni del logo per Google.
Non esiste una dimensione obbligatoria unica per il logo. La maggior parte degli header mostra il logo alto circa da 32 a 60 pixel CSS su desktop e un po' meno sui telefoni, con la larghezza che segue la forma del logo. Usa un SVG se puoi; altrimenti esporta un PNG al doppio della dimensione visualizzata, così resta nitido sugli schermi ad alta densità.
Dimensioni di logo e icone in sintesi (a ottobre 2026)
Le domande sulle dimensioni del logo nascono di solito da un logo sfocato o minuscolo dopo la pubblicazione del sito. La soluzione è ragionare con due numeri: la dimensione a cui viene mostrato, misurata in pixel CSS, e la dimensione del file, che deve essere più grande. Carica il tuo logo qui sotto per vederle entrambe, in un header desktop e in uno da telefono, senza che nulla lasci il tuo computer.
Nessuno standard lo stabilisce. Come indicazione di massima, la maggior parte degli header mostra il logo alto circa da 32 a 60 pixel CSS su desktop e circa da 28 a 44 sui telefoni. Un logotipo lungo può essere più basso di un marchio quadrato compatto. Usa l'anteprima qui sopra per valutare il tuo.
SVG è un formato vettoriale, quindi resta nitido a qualsiasi dimensione e spesso pesa pochissimo. Usa PNG quando il logo contiene dettagli fotografici o la tua piattaforma non accetta SVG, ed esportalo al doppio della dimensione visualizzata.
Gli schermi ad alta densità usano più di un pixel del dispositivo per ogni pixel CSS. Un logo mostrato alto 40 px risulta nitido su uno schermo 2x quando il file è alto almeno 80 px. Con l'attributo srcset di img puoi offrire un file 1x e un file 2x e lasciar scegliere al browser.
Google dice che una favicon deve essere quadrata e di almeno 8x8 px, e ne consiglia una più grande di 48x48 px. La nostra guida alle dimensioni delle favicon elenca i file più comuni e l'HTML per collegarli.
Le linee guida di Google per le foto del Profilo dell'attività indicano JPG o PNG, da 10 KB a 5 MB, 720 x 720 px consigliati e 250 x 250 px minimo. La pagina di aiuto non elenca dimensioni separate per il logo, quindi un logo quadrato a 720 x 720 px è una scelta sicura.
L'altezza arriva dal CSS; la larghezza segue la forma del logo. Gli attributi width e height riservano lo spazio durante il caricamento.
logo.png è alto 44 px, [email protected] è alto 88 px. Il browser sceglie il file 2x sugli schermi ad alta densità.
Una favicon, una Apple touch icon e un'immagine di condivisione, ciascuna ricavata dalla versione quadrata del tuo logo.
Il file del tuo logo
Viene mostrato un logo di esempio finché non scegli un file.
Altezza del logo nell'header: {v} px
Header desktop
Menu
Report
Dimensione del file: {w} x {h} px.
SVG si ridimensiona senza sfocature a qualsiasi altezza.
Per risultati nitidi su schermi 2x a questa altezza, il file dovrebbe essere alto almeno {v} px.
Il tuo file è abbastanza grande per questa altezza su schermi 2x.
Il tuo file è più piccolo, quindi potrebbe apparire sfocato sugli schermi ad alta densità.
CSS per questa altezza
Il tuo file viene letto solo dal tuo browser e non viene mai caricato.
Logo di esempio
Il tuo logo
Inizia gratis · Nessuna carta di credito richiesta