# Dimensioni delle immagini per Twitter e post su X che si fanno notare [Canonical HTML page](https://gradiently.design/it/guide/x-post-image-design) Su X le parole vengono prima e l’immagine deve guadagnarsi il posto accanto a loro. Ecco le dimensioni, come ritaglia la timeline e i design che aggiungono qualcosa che il testo non può dare. ## The short version - 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. 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 Le tre dimensioni delle immagini per X, in scala. Il post 16:9 è la scelta sicura. ## 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 | Come vengono impaginati i post con più immagini. Più immagini ci sono, più stretto è ogni ritaglio e meno testo ogni immagine può portare in sicurezza. > **Progetta verso il centro** Se non sai come verrà ritagliata un’immagine, tieni parole e volti nell’area centrale e lascia arrivare ai bordi solo lo sfondo. È l’unico layout che sopravvive a ogni ritaglio. ## 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](https://gradiently.design/it/guide/announcement-post-design). Una scheda di annuncio larga con la scritta È arrivata la versione 2 su uno sfondo con gradiente Una scheda 1600×900: mostrata per intero nella timeline, con il titolo leggibile a colpo d’occhio. Una versione verticale della stessa scheda di annuncio con le parole centrate 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](https://gradiently.design/it/guide/open-graph-image-size) 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. - Campo indaco: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)` - Campo verde acqua: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)` - Campo ambra: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)` Campi che mantengono la forma sia sulle timeline chiare sia su quelle scure: ognuno va da un tono profondo a uno chiaro e netto, così l’immagine non si confonde mai con nessuno dei due temi. Per saperne di più su come si comporta il colore nelle interfacce scure, vedi [il design per la modalità scura](https://gradiently.design/it/guide/dark-mode-design). ## 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](https://gradiently.design/it/guide/x-header-size) spiega il layout nel dettaglio. Un header di X largo con una breve riga di testo centrata su un gradiente 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](https://gradiently.design/it/guide/social-media-image-sizes), e per un lancio, [le grafiche per il giorno del lancio](https://gradiently.design/it/guide/launch-day-graphics) elenca tutti gli asset che ti serviranno. ## FAQ ### 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.