Guida aggiornata sui formati banner, intestazione e foto di Twitter

Twitter, come la maggior parte dei siti Web, cambia di volta in volta. Una cosa a cui Twitter apporta modifiche è il loro layout, sia in modi molto importanti che in modi molto minori. Alcuni cambiamenti sono importanti, come trasformare i preferiti in Mi piace. Altre modifiche sono più sottili, al modo in cui ritagliano le immagini e così via.

Alla data di pubblicazione di questo articolo, le informazioni seguenti dovrebbero essere accurate. Ti farò sapere qui – modificando questo paragrafo – se aggiorno il post.

L'immagine di intestazione

La tua immagine di intestazione su Twitter è come un gigantesco cartellone pubblicitario che viene visto solo alcune volte. Chiunque navighi sul proprio feed Twitter non lo vedrà; devono visitare la pagina del tuo profilo per vederlo.

Twitter consiglia di caricare un'immagine molto ampia come intestazione. Le loro dimensioni previste sono 1500 x 500 ; 1.500 pixel di larghezza per 500 pixel di altezza. Semplice, facile, fine della storia, giusto?

Bene, lo è se sei come The Onion e usi solo un'immagine da un recente articolo popolare come banner in alto. Non è necessario essere complessi con un layout; basta ritagliare un'immagine alla giusta dimensione e caricarla. Finché sembra buono, va bene da usare.

Se sei come alcune aziende, però, potresti volere qualcosa di un po' più ottimizzato. In genere è una buona idea utilizzare il tuo banner principale come invito all'azione. Ci sono molti problemi, però.

Prima di tutto, la dimensione del banner superiore non è 1.500 per 500. In realtà è più simile a 1.263 per 421, se stai utilizzando un tipico monitor widescreen. Ciò spiega una grondaia verticale e orizzontale, che può essere utilizzata in alcune risoluzioni. Se dovessi ispezionare l'elemento di sfondo e visualizzare l'immagine di un determinato banner, in genere ne vedrai almeno un po' più verticalmente nella parte superiore e inferiore dell'immagine.

Puoi vedere come Twitter regola dinamicamente l'immagine se fai clic e trascini un browser per ridimensionarla. Puoi vedere come, a diverse risoluzioni, l'immagine verrà leggermente ingrandita o rimpicciolita; questo sta regolando usando lo spazio a sua disposizione. Una volta che ti rimpicciolisci abbastanza, otterrai invece una barra di scorrimento.

Allora devi considerare il cellulare . Quando si utilizza l'app Twitter, la stessa immagine appare con le stesse dimensioni, rimpicciolita. Ciò significa che se desideri utilizzare una sorta di invito all'azione nel testo del tuo banner, non puoi rendere il testo così piccolo da ridursi all'illeggibilità.

Se stai mettendo un invito all'azione sul tuo banner in alto, devi fare due cose. Innanzitutto, evita la parte superiore e inferiore assoluti dell'immagine. Parte di quello spazio viene occupato dalle grondaie per dare all'immagine spazio per lo zoom e la regolazione.

In secondo luogo, evita l'angolo in basso a sinistra a circa un terzo della distanza da sinistra. C'è una sezione che è coperta dall'immagine del tuo profilo e dal bordo sottile che la circonda. Qualsiasi testo o invito all'azione che inserisci in quella sezione sarà nascosto dietro l'immagine del tuo profilo.

Protip: usa un'immagine molto più grande! Twitter consiglia un minimo di 1500×500. Non sei limitato a questo! Spesso mi ritrovo a caricare immagini 1920×1080 e a giocare con lo zoom, il posizionamento orizzontale e verticale e il ritaglio per posizionarlo esattamente dove voglio.

Una cosa che puoi fare è creare il tuo banner e quindi espandere la tela in tutte le direzioni di alcune centinaia di pixel. Quando vai a caricare l'immagine, puoi posizionarla con cura esattamente nel modo in cui desideri che appaia.

Foto del profilo

La tua foto del profilo in questi giorni è un cerchio . Qui, Twitter consiglia un'immagine quadrata di 400 × 400 pixel. Il tuo display sarà un cerchio di circa 400 pixel di diametro, ma ancora una volta puoi regolare l'immagine quando la carichi. Un'immagine da 400×400 pixel o un'immagine da 2000×2000 pixel ottengono entrambe le stesse opzioni di zoom.

Quando carichi un'immagine come immagine del tuo profilo, puoi ingrandirla e ridurla e puoi farla scorrere orizzontalmente e verticalmente se l'hai ingrandita abbastanza da non tagliare il bordo. Sei limitato ai bordi della tua immagine, motivo per cui Twitter ne consiglia una di dimensioni sufficienti.

Lo zoom non è illimitato. Puoi ingrandire un'immagine verso l'esterno solo se NON è un'immagine quadrata. È possibile rimpicciolire leggermente fino a quando verticale o orizzontale non è lo spazio minimo disponibile. Nelle poche immagini che ho trovato che possono farlo, si tratta di uno zoom dell'80%. Nel frattempo, puoi ingrandire circa il 150% circa, forse fino al 200% in un'immagine perfettamente quadrata, per ottenere il posizionamento esatto desiderato.

Il motivo per cui Twitter vuole un'immagine quadrata di 400 pixel è che hanno un ridimensionamento minimo da fare. Un'immagine eccezionalmente grande dovrebbe essere ridimensionata durante il caricamento, il che si traduce in un'immagine sfocata. Un'immagine eccezionalmente piccola risulterà troppo pixellata e verrà rifiutata.

In questo caso, il mio consiglio di cui sopra non è realmente applicabile. Invece ne ho uno diverso.

Suggerimento: ingrandisci leggermente la tua immagine del necessario. Crea l'immagine del tuo logo, da bordo a bordo, di 400 pixel, quindi aggiungi una grondaia di circa 50 pixel su ogni lato, mantenendola quadrata. In questo modo, quando carichi l'immagine, puoi ingrandirla abbastanza da darle abbastanza spazio attorno ai bordi per avere un bell'aspetto con il bordo, ma senza allungare la mano per toccarla. La piccola messa a punto può valere la pena.

Dimensioni del post dell'immagine

Quando pubblichi immagini nel tuo feed, questo si comprime per adattarsi al formato del post. A volte questo significa che taglia la parte superiore e inferiore dell'immagine. Se pubblichi più immagini, finisci per vederne una che occupa due terzi dello spazio e altre due o tre che dividono il resto dello spazio. I post di Twitter singolarmente possono contenere solo fino a quattro immagini.

Quando una foto fa parte di un post ed è allegata a un link, quella foto è di 440×220 pixel. È sostanzialmente orizzontale e non si espande quando viene cliccato; il clic ti porta invece al post. Puoi, come prima, aumentare questo valore, ma verrà ritagliato e non avrai la possibilità di regolarlo.

Quando carichi semplicemente quattro immagini, vengono visualizzate nell'ordine in cui le carichi. La prima immagine è l'immagine principale e le restanti una, due o tre sono sezioni dello spazio rimanente. Se carichi solo due immagini, dividono lo stesso spazio 440×220 in due quadrati 220×220.

Ad una singola immagine verrà assegnato uno spazio massimo di 440×440. Se l'immagine stessa è più piccola orizzontalmente, verrà leggermente ritagliata in alto e in basso. Se l'immagine è più piccola verticalmente, verrà visualizzata in formato letterbox a meno che non sia troppo larga, nel qual caso verrà ritagliata.

Il caricamento di tre immagini metterà un'immagine come un quadrato che occuperà i due terzi di sinistra dell'immagine, con le restanti due come quadrati impilati verticalmente a destra di esso. Il caricamento di quattro immagini è lo stesso, tranne per il fatto che viene assegnata più area all'immagine principale per consentire una pila verticale più alta di quadrati per le altre tre immagini.

Tutto questo è complicato, ma in pratica significa semplicemente "caricare immagini quadrate quando possibile". Twitter cercherà di visualizzare quanta più immagine possibile all'interno del quadrato. Se una qualsiasi delle immagini viene ritagliata, principalmente per immagini verticali più lunghe, l'utente dovrà toccarla o fare clic su di essa per vedere l'intera cosa.

Suggerimenti per l'utilizzo delle immagini su Twitter

Innanzitutto, la tua foto del profilo. Il 99% delle volte, la foto del tuo profilo dovrebbe essere una tua foto o il tuo logo. So che molti artisti scelgono di utilizzare un'opera d'arte, o un autoritratto artistico, come immagine del profilo; anche questo va benissimo.

In generale, dovresti evitare altre forme di foto del profilo. Lasciare vuota la foto del profilo risulterà in una sagoma del profilo vuota di base, che probabilmente ti lascerà meno fiducia rispetto a un account compilato.

Non consiglio di utilizzare la foto del tuo profilo come invito all'azione. In quasi tutte le modalità di visualizzazione, è semplicemente troppo piccolo. Niente di quello che metti in quello spazio sarà davvero visibile.

Per quanto riguarda l' immagine del tuo banner principale , è un ottimo posto per mostrare ciò che fai. Una banca potrebbe avere una scena di un cassiere e un cliente felice. Un fotografo potrebbe mostrare una foto che ha scattato a un paesaggio brillante. Un artista può mostrare un pezzo più grande che ha prodotto di recente.

Le aziende locali spesso trovano utile scattare una foto della loro posizione, che può aiutare gli utenti a trovarle se sono nascoste o in un edificio anonimo.

Altri brand, in particolare quelli digitali, possono utilizzare il banner del profilo come una sorta di cartellone pubblicitario. Inserisci un invito all'azione più ampio basato su testo, con illustrazioni, simili a un'infografica o a una pagina di destinazione, in quello spazio. Ad esempio, puoi mostrare una copertina di un libro o una serie di copertine di libri di ebook che hai prodotto.

Altre aziende potrebbero fare qualcosa che corrisponde alle tendenze attuali. Hubspot al momento della stesura di questo articolo ha un grande banner dell'orgoglio nella loro caratteristica arancione, mentre la loro foto del profilo è l'arcobaleno della bandiera dell'orgoglio.

Sarah McBride, autrice e addetta stampa per la campagna per i diritti umani, usa il banner del suo profilo per promuovere il suo libro. È un'immagine grande e semplice con un invito all'azione e un'immagine della copertina del libro e si comporta in modo eccellente.

Quando pubblichi un'immagine come parte di un tweet, ricorda che una singola immagine funziona meglio in un formato letterbox. Puoi creare un'immagine e usarla per espandere il tuo spazio di testo. Usa un CTA morbido e una descrizione nei tuoi 280 caratteri e usa l'immagine come spazio per un po' più di testo. Ricorda, Twitter non è Facebook e non riceverai un post rifiutato perché contiene troppo testo.

Ricorda che se desideri caricare più immagini alla volta, sei limitato a quattro al massimo. Uno o due alla volta danno loro uguale visibilità, ma tre o quattro significano che la seconda e la quarta immagine saranno accartocciate e avranno meno spazio. Potresti finire con qualcosa come questo recente post su un nuovo gioco Nintendo in cui la terza e la quarta immagine sono esse stesse collage che si riducono quasi a incomprensibilità.

Altrimenti, la maggior parte degli usi delle immagini su Twitter dipenderà dall'utilizzo delle Twitter Card. Per fortuna, ho due buone risorse per te. Il primo è questo post sull'installazione delle schede Twitter sul tuo sito. Ci sono un sacco di stili diversi di Twitter card, tuttavia, e imparare tutto su di loro può essere complicato. Ecco perché abbiamo la guida definitiva alle carte Twitter.

Oltre a tutto ciò, non posso davvero darti suggerimenti per le immagini di Twitter diversi dal solito. Crea immagini di alta qualità, evita di coprirle con così tanto testo da far perdere qualsiasi immagine e assicurati che si distinguano dalla palude che è il solito profilo Twitter. Potresti prendere in considerazione l'utilizzo di gif o video quando possibile, per aggiungere movimento e far risaltare il tuo post.

Mi assicurerò di aggiornare questo post se noto che Twitter ha cambiato di nuovo il loro comportamento o le loro dimensioni. Ricontrolla se pensi che qualcosa stia succedendo e lascia un commento se non l'ho ancora notato!