Un logo professionale deve funzionare in contesti completamente diversi: piccolo nella scheda del browser come favicon, medio nell'header del sito, grande su uno striscione di facciata, quadrato nella foto profilo di Instagram e orizzontale sul biglietto da visita. Ognuno di questi contesti ha dimensioni e formati diversi — e usare la dimensione sbagliata produce un logo sfocato, tagliato o con proporzioni distorte.
La buona notizia è che non devi creare versioni diverse da zero per ogni contesto. Con il file giusto nel formato giusto, il Ridimensionatore di Immagine di ImageTools regola le dimensioni per qualsiasi uso in pochi secondi.
I formati che devi avere del tuo logo
Prima di parlare di dimensioni specifiche, capisci quali formati di file devi conservare. Un logo ben documentato deve avere almeno queste versioni:
- SVG (vettoriale): il file master. Può essere ingrandito a qualsiasi dimensione — da un favicon di 16px a un cartellone di 10 metri — senza perdita di qualità. Essenziale per l'uso su siti, presentazioni e invio in tipografia.
- PNG con sfondo trasparente (alta risoluzione): per uso digitale dove l'SVG non è accettato. Salva ad almeno 1000×1000px per avere flessibilità di ridimensionamento.
- PNG con sfondo bianco: per contesti dove la trasparenza non è desiderata o supportata — moduli di registrazione su piattaforme, documenti Word, e-mail.
- PNG o JPG versione scura (elementi in bianco): per l'uso su sfondi colorati o scuri. Un logo blu scuro scompare completamente su uno sfondo nero.
- Favicon (.ico + PNG): versioni specifiche per la scheda del browser. Usa il Generatore Favicon di ImageTools per generare tutte le dimensioni necessarie a partire dal logo.
☁️ Conserva tutto nel cloud. Mantieni queste versioni in un Google Drive o Dropbox con accesso facile. Ne avrai bisogno quando assumi un designer freelance, quando aggiorni il profilo di un social media o quando invii materiale a una tipografia — spesso con urgenza.
Tabella di riferimento — dimensioni del logo per contesto
| Contesto | Dimensioni consigliate | Formato ideale | Nota |
|---|---|---|---|
| Header del sito (desktop) | 200–400px di larghezza | SVG o PNG trasparente | Altezza proporzionale al layout |
| Favicon (scheda del browser) | 16×16, 32×32, 48×48px | .ico + PNG | Usa il Generatore Favicon |
| Apple Touch Icon (iOS) | 180×180px | PNG senza trasparenza | Sfondo pieno consigliato |
| Icona app Android (PWA) | 192×192 e 512×512px | PNG | Richiesto nel webmanifest |
| Instagram — foto profilo | 320×320px (mostrata a 110px) | PNG o JPG | Verrà tagliata in cerchio |
| Facebook — foto profilo | 170×170px | PNG o JPG | Mostrata in cerchio su desktop |
| Facebook — foto di copertina | 820×312px | JPG o PNG | Logo come elemento, non l'intera foto |
| LinkedIn — logo azienda | 300×300px | PNG o JPG | Min. 300×300, max. 4 MB |
| LinkedIn — copertina azienda | 1128×191px | PNG o JPG | Logo come elemento nella copertina |
| YouTube — icona canale | 800×800px | PNG o JPG | Mostrata in cerchio, 98px in TV |
| YouTube — arte del canale | 2560×1440px | JPG o PNG | Logo come elemento, safe area: 1546×423px |
| WhatsApp Business — profilo | 640×640px | PNG o JPG | Mostrata in cerchio |
| TikTok — foto profilo | 200×200px (min.) | JPG o PNG | Mostrata in cerchio |
| Twitter / X — foto profilo | 400×400px | PNG o JPG | Mostrata in cerchio, 48px nel feed |
| E-mail (firma) | 200–300px di larghezza | PNG con sfondo bianco o JPG | Evitare trasparenza nei client vecchi |
| Biglietto da visita (digitale) | 400–600px di larghezza | PNG trasparente | Per la composizione nel layout del biglietto |
| Presentazione (slide) | 200–400px di larghezza | PNG trasparente o SVG | Proporzionale allo slide (16:9) |
Logo per il sito
Header (intestazione)
Nell'header del sito, il logo di solito è largo tra 150px e 400px, con altezza proporzionale. La larghezza esatta dipende dal layout — un header compatto può usare 150px, mentre un sito con molto spazio può usare 300–400px. La cosa più importante è che il logo sia nitido sugli schermi Retina: esporta in PNG con il doppio della larghezza di visualizzazione (o usa l'SVG, che risolve automaticamente) e lascia che il CSS gestisca la dimensione di visualizzazione.
Usa sempre SVG o PNG con sfondo trasparente nell'header — lo sfondo dell'header cambia in base al design e allo scroll, e un logo con sfondo bianco creerà un rettangolo bianco visibile su sfondi colorati.
Favicon
Il favicon è l'icona mostrata nella scheda del browser, nei preferiti e nella schermata iniziale dei dispositivi mobili. Un favicon efficace è una versione semplificata del logo — di solito solo il simbolo o l'iniziale, senza il nome completo dell'azienda, perché lo spazio è troppo piccolo per un testo leggibile.
Le dimensioni necessarie sono: 16×16px e 32×32px per i browser desktop, 180×180px per iOS (Apple Touch Icon) e 192×192px e 512×512px per Android e PWA. Usa il Generatore Favicon di ImageTools per generare automaticamente tutte queste dimensioni a partire dal logo.
Genera tutte le dimensioni del favicon in una volta
Dal logo al favicon per browser, iOS, Android e PWA — tutte le dimensioni necessarie in pochi secondi.
Genera favicon gratisLogo per i social media
Perché il logo deve funzionare in formato quadrato e circolare
Praticamente tutti i social media mostrano la foto profilo in formato circolare. Questo crea una sfida specifica per i loghi orizzontali (nome + icona affiancati): nello spazio circolare, o il logo diventa troppo piccolo per essere leggibile, oppure parti di esso vengono tagliate ai bordi.
La soluzione più efficace è avere una versione "icona" del logo — solo il simbolo o le iniziali del marchio, centrati in un'area quadrata — specificamente per l'uso come foto profilo sui social media. Questa versione mantiene il riconoscimento visivo senza i problemi di ritaglio.
Instagram accetta foto profilo fino a 320×320px, ma le mostra a soli 110px nel profilo e 32px nel feed. Il file deve essere quadrato. Se il logo è orizzontale, posizionalo centrato in un'area quadrata con padding adeguato affinché nulla venga tagliato dal ritaglio circolare della piattaforma.
La foto profilo di una pagina su Facebook viene mostrata a 170×170px su desktop e 128×128px su mobile, sempre ritagliata in cerchio. La foto di copertina è 820×312px — in essa, il logo di solito appare come un elemento del design della copertina, non occupando l'intera immagine.
Per i profili aziendali, LinkedIn mostra il logo a 300×300px (quadrato) nella pagina e in dimensioni minori negli elenchi. È uno dei contesti in cui la qualità dell'immagine influenza maggiormente la percezione professionale — usa PNG di alta qualità, senza compressione eccessiva.
YouTube
L'icona del canale su YouTube viene mostrata in dimensioni molto diverse a seconda del contesto: 98px su una smart TV, 32px nel feed desktop, 88px nel profilo mobile. Il file deve avere almeno 800×800px per coprire tutte queste dimensioni con nitidezza. L'arte del canale (banner) ha dimensioni di 2560×1440px, ma la "safe area" — la regione visibile su tutti i dispositivi — è solo 1546×423px centrata. Il logo deve rimanere all'interno di quest'area.
WhatsApp Business
La foto profilo di WhatsApp Business viene mostrata in cerchio, con dimensione di visualizzazione di circa 50px nelle conversazioni. Usa un file di 640×640px per garantire nitidezza nelle anteprime a schermo intero. Come per altri social media, i loghi orizzontali non funzionano bene qui — usa la versione icona o simbolo del marchio.
📐 Consiglio per loghi orizzontali sui social media: crea una versione quadrata aggiungendo spazio vuoto (o nel colore di sfondo del marchio) ai lati. La proporzione ideale è il logo che occupa tra il 60% e il 75% della larghezza del quadrato, con margini uguali su tutti e quattro i lati. Questo evita il ritaglio circolare e garantisce che il logo appaia completo.
Logo per la stampa
La stampa ha una logica completamente diversa dal digitale. La risoluzione in pixel non è ciò che conta — ciò che conta è il rapporto tra pixel e dimensione fisica di stampa, misurata in DPI (dots per inch, punti per pollice). Lo standard dell'industria grafica è 300 DPI.
Come calcolare i pixel necessari per la stampa
Formula: pixel = dimensione in cm ÷ 2,54 × DPI
Esempi pratici:
| Materiale | Dimensione tipica del logo | Pixel necessari (300 DPI) |
|---|---|---|
| Biglietto da visita (logo) | 3 × 1,5 cm | 354 × 177px |
| Carta intestata (header) | 5 × 2 cm | 591 × 236px |
| Confezione piccola | 4 × 4 cm | 472 × 472px |
| Maglietta (petto) | 10 × 5 cm | 1181 × 591px |
| Tazza (logo laterale) | 8 × 4 cm | 945 × 472px |
| Sacchetto personalizzato | 15 × 8 cm | 1772 × 945px |
| Banner/rollup (logo in alto) | 20 × 10 cm | 2362 × 1181px |
Per evitare di dover calcolare caso per caso, la soluzione più pratica è usare l'SVG — il formato vettoriale scala senza limiti e può essere stampato a qualsiasi dimensione senza perdita di qualità. Qualsiasi tipografia professionale accetta l'SVG (o il suo equivalente in PDF vettoriale, generato dall'SVG in Illustrator o Inkscape).
Formati accettati dalle tipografie
La maggior parte delle tipografie professionali accetta e preferisce:
- PDF vettoriale: lo standard del settore. Generato da Illustrator, Corel o Inkscape con il logo in vettore.
- AI (Adobe Illustrator): file nativo vettoriale.
- EPS: formato vettoriale più datato, ampiamente compatibile.
- SVG: accettato dalla maggior parte delle tipografie moderne.
- PNG ad alta risoluzione: accettato quando il file vettoriale non è disponibile, purché la risoluzione sia sufficiente per la dimensione di stampa.
🖨️ Per ricami e taglio laser: questi processi richiedono vettori con percorsi puliti. Loghi con gradienti, ombre o effetti fotografici devono essere semplificati prima dell'invio in produzione. Un designer può fare questa "vettorizzazione" a partire dal PNG del logo se il file vettoriale originale non esiste.
Ridimensionare il logo per ogni uso
Con il file base del logo in PNG ad alta risoluzione (almeno 1000×1000px) o SVG, usa il Ridimensionatore di Immagine di ImageTools per adattarlo alle dimensioni di ogni piattaforma. Il ridimensionatore permette di definire larghezza e altezza esatte in pixel, mantenendo o regolando la proporzione originale.
Flusso consigliato per preparare le versioni del logo:
- Parti sempre dal file con la risoluzione più alta disponibile — SVG o PNG sopra i 1000px.
- Ridimensiona alle dimensioni della destinazione usando il Ridimensionatore.
- Per i social media, comprimi leggermente con il Compressore di Immagine — mantenendo qualità 85–90% per non perdere nitidezza.
- Per la stampa, invia l'SVG direttamente o convertilo in PDF vettoriale.
Ridimensiona il logo per qualsiasi uso
Regola le dimensioni del logo in pixel con precisione — senza distorcere la proporzione.
Ridimensiona logo gratisErrori comuni nell'uso del logo in dimensioni diverse
Usare lo stesso file per tutti i contesti
Un logo di 2000px nella firma e-mail caricherà lentamente e apparirà enorme. Un logo di 100px in una stampa A4 risulterà pixelato. Ogni contesto ha le proprie dimensioni ideali — usa questa guida come riferimento e ridimensiona prima di usarlo.
Non avere una versione per sfondo scuro
Molti loghi vengono creati inizialmente in colori scuri su sfondo chiaro. In post con sfondo nero o colorato — comune nelle Instagram Stories e nelle copertine LinkedIn — il logo semplicemente scompare. Crea sempre e salva una versione con gli elementi principali in bianco o in colore chiaro.
Salvare per i social media in PNG troppo grande
Un PNG di 2000×2000px per la foto profilo di Instagram non migliora la qualità della visualizzazione — Instagram comprime tutto ciò che supera la dimensione necessaria. Invia nelle dimensioni ideali (320×320px) con compressione di qualità 90% per evitare la doppia compressione da parte della piattaforma.
Usare JPG per loghi con sfondo trasparente
Il JPG non supporta la trasparenza — salvando un logo PNG trasparente come JPG, lo sfondo trasparente viene sostituito dal bianco. Se il logo necessita di sfondo trasparente (per essere usato su diversi colori di sfondo), usa sempre PNG o WebP.
Ingrandire un PNG piccolo invece di usare l'SVG
Se il logo esiste in SVG, usa sempre l'SVG come base per il ridimensionamento — non ingrandire mai un PNG piccolo. Ingrandire un PNG crea una pixelazione che non può essere corretta senza il file vettoriale originale.
Non hai ancora il logo? Crealo ora
Se non hai ancora un logo o vuoi crearne una versione professionale, ImageTools offre due strumenti per questo: il Creatore di Logo, dove scegli icona, colori e tipografia con controllo totale, e il Creatore di Logo con IA, dove descrivi il tuo marchio e l'IA genera opzioni vettoriali pronte per il download. Entrambi esportano in SVG e PNG — i formati di cui hai bisogno per tutti gli usi descritti in questa guida.
Crea il logo del tuo marchio ora
Risultato in SVG e PNG con sfondo trasparente — pronti per sito, social media e stampa.
Domande frequenti
prefers-color-scheme o il tag HTML <picture> con media per passare automaticamente tra la versione chiara e quella scura del logo in base alla preferenza di sistema dell'utente — senza alcuna interazione da parte del visitatore.