In breve
- La dimensione migliore per una singola immagine orizzontale su Twitter, oggi X, è 1600×900 pixel, una forma 16:9.
- Un’immagine verticale a 1080×1350 occupa più spazio sullo schermo di un telefono ma può essere ritagliata nell’anteprima della timeline, quindi tieni il contenuto chiave al centro.
- Quando un post ha due, tre o quattro immagini, X le dispone in una griglia e le ritaglia una per una, quindi i post con più immagini richiedono design semplici e centrati.
- Le immagini su X funzionano meglio quando aggiungono qualcosa che il testo del post non può dare, come un elemento visivo, una riga forte o una scheda che rende riconoscibile un annuncio.
- L’immagine header di X misura 1500×500 pixel, e la foto profilo si sovrappone alla sua parte in basso a sinistra.
In questa pagina
La migliore dimensione per le immagini di Twitter per un’immagine singola su X è 1600×900 pixel, un formato orizzontale 16:9 che la timeline mostra per intero su telefoni e computer. Per avere più altezza su un telefono, usa un verticale 1080×1350, sapendo che l’anteprima può ritagliarlo. L’header del profilo misura 1500×500. Queste tre dimensioni coprono quasi tutto ciò che pubblicherai.
Post 1600×900
1600 × 900
Verticale 1080×1350
1080 × 1350
Header 1500×500
1500 × 500
Come X mostra le immagini nella timeline
Un’immagine singola 16:9 compare per intero. Le immagini più alte vengono mostrate più grandi sui telefoni ma possono essere tagliate nell’anteprima finché qualcuno non le tocca per aprirle, quindi tutto ciò che è importante vicino al bordo superiore o inferiore rischia di restare nascosto. Con più di un’immagine, X le dispone in una griglia e ritaglia ogni riquadro per farlo stare.
| Immagini nel post | Come le mostra la timeline | Progetta per |
|---|---|---|
| Una | Grande: le orizzontali per intero, le alte possono essere tagliate | 16:9 a 1600×900, oppure verticale con un centro sicuro |
| Due | Affiancate, ognuna ritagliata in una forma alta | Contenuto centrato con margini ampi |
| Tre | Una grande a sinistra, due impilate a destra | Prima l’immagine chiave, poi quelle più semplici |
| Quattro | Una griglia due per due, ognuna ritagliata | Quattro composizioni semplici e centrate |
Immagini con poco testo che aggiungono qualcosa
X è un social in cui il testo viene prima. Il post porta già le tue parole, quindi un’immagine che le ripete in forma di figura aggiunge poco. Le immagini che funzionano portano qualcosa di nuovo: un elemento visivo che le persone vogliono guardare, una riga breve composta con forza, un numero, o una scheda riconoscibile che segnala il post come importante.
Aggiunge poco
- Lo screenshot di un paragrafo
- Il testo del post ripetuto in un’immagine
- Dieci informazioni stipate in una scheda
- Una foto stock generica
Si guadagna il posto
- Una riga, grande, che il testo approfondisce
- Un solo numero con ciò che misura
- Il prodotto, un risultato o un prima e dopo
- Una scheda nel tuo stile che le persone riconoscono
Schede di annuncio per X
Per lanci, rilasci e notizie, una scheda di annuncio coerente aiuta un post a distinguersi come la notizia invece che come un aggiornamento in più. Usa la forma 16:9, metti il titolo a sinistra o al centro e tieni brevi i dettagli di supporto, perché il testo del post porterà la storia completa e il link. Per la gerarchia delle parole, vedi come progettare un post di annuncio.
Una scheda 1600×900: mostrata per intero nella timeline, con il titolo leggibile a colpo d’occhio.
La versione verticale: più presenza su un telefono, con le parole tenute al centro in caso di ritaglio.
I post che condividono un link senza immagine mostrano invece l’immagine Open Graph della pagina. Assicurati che quell’anteprima abbia lo stesso stile della tua scheda; le dimensioni dell’immagine OG spiega i tag e il layout 1200×630.
Progettare per il tema chiaro e scuro
Le persone leggono X con un tema chiaro, scuro o attenuato, e la tua immagine sta su quello che hanno scelto. Un’immagine con sfondo bianco si confonde nel tema chiaro e abbaglia in quello scuro. Un’immagine con uno sfondo quasi nero fa il contrario. Un campo di colore a tutta pagina con bordi definiti sembra voluto su tutti.
Per saperne di più su come si comporta il colore nelle interfacce scure, vedi il design per la modalità scura.
L’immagine header di X
L’header misura 1500×500, un banner 3:1. La foto profilo si sovrappone alla sua parte in basso a sinistra, e i telefoni lo mostrano più piccolo e possono tagliarne i bordi. Tienilo semplice: il tuo stile, magari una breve riga al centro o a destra, niente di importante nell’angolo in basso a sinistra. Le dimensioni dell’header di Twitter spiega il layout nel dettaglio.
Un header con le parole al centro e la parte in basso a sinistra lasciata libera per la foto profilo.
Esportare e pubblicare immagini su X
- 1
Esporta alla dimensione indicata
1600×900 o 1080×1350, così X riduce, senza mai ingrandire.
- 2
Scegli il formato giusto
PNG per testo e colori piatti, JPEG di alta qualità per le foto. Aggiungi una grana leggera ai gradienti morbidi così la compressione non crea banding.
- 3
Scrivi una descrizione dell’immagine
X ti permette di aggiungere una descrizione a ogni immagine. Scrivi cosa dice e cosa mostra l’immagine, così chi usa uno screen reader e i motori di ricerca ricevono lo stesso messaggio.
- 4
Controlla su un telefono
Guarda il post nella timeline su un telefono, sia con il tema chiaro sia con quello scuro, prima di fissarlo in alto.
Se pubblichi la stessa notizia su Instagram, LinkedIn e X, progettala una volta e ridisponila per ogni forma. L’elenco completo delle forme è in le dimensioni delle immagini per i social, e per un lancio, le grafiche per il giorno del lancio elenca tutti gli asset che ti serviranno.
Le domande più frequenti
Qual è la dimensione migliore per le immagini su X (Twitter)?
1600×900 pixel per una singola immagine orizzontale, che la timeline mostra per intero. Usa 1080×1350 per un’immagine verticale, tenendo il contenuto chiave al centro.
Perché la mia immagine viene ritagliata su X?
Le immagini alte possono essere tagliate nell’anteprima della timeline, e i post con due, tre o quattro immagini ritagliano ciascuna in una griglia. Tieni parole e volti al centro.
Quali sono le dimensioni dell’header di X?
1500×500 pixel. La foto profilo si sovrappone alla parte in basso a sinistra, quindi tieni i contenuti importanti lontano da quell’angolo.
Le immagini su X devono contenere testo?
Un po’. Il post porta già le tue parole, quindi un’immagine funziona meglio con una riga forte, un numero o una scheda riconoscibile piuttosto che con un paragrafo.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo
