Mastodon header size
1500 × 500px
Aspect ratio
3:1
Gli header di Mastodon sono esattamente 1500 × 500 px (3:1): la documentazione ufficiale conferma che i caricamenti vengono ridotti a questa dimensione.
Last verified June 2026
L’header di Mastodon è una delle poche specifiche di questa lista con un numero ufficiale e documentato: secondo la documentazione di Mastodon, i caricamenti dell’header (WEBP, PNG, GIF o JPG, fino a 2 MB) vengono ridotti a 1500 × 500 px — un banner 3:1 nella parte superiore del tuo profilo. Progetta esattamente a quella misura e ciò che esporti è ciò che vedono gli utenti federati, salvo le lievi differenze di ritaglio di ogni client.
| Variant | Dimensions | Ratio |
|---|---|---|
| Header (ufficiale) | 1500 × 500 pxSecondo docs.joinmastodon.org — i caricamenti vengono ridotti a questa misura. | 3:1 |
| Limite di caricamento | any, ≤2 MBI file con dimensioni maggiori vengono accettati e ridimensionati a 1500 × 500. | — |
| Ritaglio in visualizzazione | variesWeb, app mobili e client di terze parti rifilano i bordi in modo leggermente diverso. | ~3:1 |
Nel profilo web ufficiale, l’avatar e il nome visualizzato si sovrappongono in basso a sinistra dell’header, e i client mobili stringono l’area visibile più del desktop. Mantieni testo e loghi nella zona centrale-alta, lontano dal quadrante in basso a sinistra e dal 10% esterno di ogni lato. Poiché decine di app di terze parti mostrano i profili a modo loro, una composizione centrata e senza contenuti critici ai bordi è l’unico design che appare corretto in tutto il fediverso.
Mastodon non ha un motore di raccomandazione algoritmico che spinge il tuo account — le persone decidono di seguirti dal tuo profilo, spesso dopo che un buon post è stato condiviso nella loro timeline. Un header che dichiara il tema dell’account in caratteri chiari (“Note di design open-source, ogni settimana”) converte quella visita meglio dell’arte astratta, perché risponde all’unica domanda che si pone chi ti visita: cosa otterrò seguendo questo account?
Gli header animati sembrano divertenti ma vengono riprodotti in modo incoerente tra i client, e qualsiasi dettaglio vicino ai bordi viene rifilato da qualche parte nell’ecosistema delle app. Costruisci il design come un 1500 × 500 statico con il messaggio centrato; se vuoi del movimento, lascia che uno sfondo GIF in loop discreto stia dietro a un testo che si legga perfettamente anche come fotogramma fermo.
Su Mastodon il tuo profilo mostra a quale server appartieni, e la cultura del server fa parte della tua identità lì. I brand di solito ottengono i risultati migliori con un header pulito e coerente con le altre piattaforme (il rapporto 3:1 corrisponde a X e Bluesky, quindi un unico file master serve tutti e tre) — assicurati solo che nulla di importante si trovi dove cade la sovrapposizione dell’avatar di Mastodon.
1500 × 500 px in 3:1 — questa è ufficiale: la documentazione di Mastodon afferma che i caricamenti dell’header fino a 2 MB vengono ridotti esattamente a quella misura. Progetta alla dimensione nativa per un risultato perfetto al pixel.
Sì, la GIF è un formato accettato sulla maggior parte dei server — ma la riproduzione dell’animazione varia da client a client, e il limite di 2 MB si raggiunge in fretta con le animazioni. Assicurati che il primo fotogramma funzioni come immagine fissa a sé stante.
Il fediverso ha molti client, e ognuno mostra i profili in modo leggermente diverso — le posizioni delle sovrapposizioni e i ritagli ai bordi variano. Mantieni il messaggio centrato e lontano dalla zona dell’avatar in basso a sinistra e si leggerà correttamente ovunque.
€0.00 due today · cancel anytime · 7-day money-back guarantee
Upload your visuals at the right dimensions, preview exactly how each post will look, and let SocialKit publish to all 11 platforms on schedule.
€0.00 due today · cancel anytime · 7-day money-back guarantee