1200 x 628 vs 1200 x 627: Quale dimensione è giusta?

Se hai mai provato a creare un'immagine di anteprima per un link, probabilmente ti sei imbattuto in questo: una guida dice 1200 x 628, un'altra dice 1200 x 627, la documentazione stessa di Facebook dice 1200 x 630, e il tuo template di design è impostato su qualcos'altro completamente diverso. Tutti e quattro sembrano identici. Allora quale è effettivamente corretto?

Risposta breve: vanno tutti bene. Sono tutte approssimazioni dello stesso rapporto di aspetto, e la differenza tra loro è tre pixel su un'immagine alta 630 pixel, circa mezzo percento. Ma vale la pena capire da dove vengono i numeri, perché saperlo ti salva dalla necessità di riesportare lo stesso banner cinque volte.

Stanno tutti cercando di raggiungere 1.91:1

Il protocollo Open Graph, l'insieme di meta tag che Facebook, LinkedIn, Slack, iMessage e la maggior parte delle altre piattaforme leggono per creare un'anteprima di link, raccomanda un'immagine con un rapporto di aspetto di 1.91:1. Basta così. 1.91 è già un numero arrotondato, quindi quando diverse aziende lo moltiplicano, finiscono in posti leggermente diversi:

• 1200 ÷ 1.91 = 628.27 → arrotonda a 1200 x 628
• 1200 x 630 = esattamente 1.905:1 → raccomandazione documentata di Facebook
• 1200 x 627 = 1.914:1 → dimensione pubblicata storicamente da LinkedIn
• 1200 x 625 = esattamente 1.92:1 → appare nei template più vecchi

Nessuno di questi è "sbagliato". Sono artefatti di arrotondamento della stessa specifica. I crawler non rifiutano un'immagine per essere tre pixel fuori; hanno solo bisogno che il file sia almeno 200 x 200 e idealmente largo 1200px in modo che si renderizzi nitido su schermi ad alta densità.

La differenza di 3 pixel ha mai importanza?

In pratica, solo in una situazione: ritagli stretti. Le piattaforme non visualizzano la tua immagine alla sua dimensione nativa, la adattano a qualsiasi layout di card che utilizzano quel mese, e i bordi vengono ritagliati. Se il tuo titolo si estende fino al bordo superiore del fotogramma, un'immagine 1200 x 628 ritagliata a una card 1.78:1 lo ritaglierà, così come 1200 x 630.

La soluzione non è scegliere il numero di pixel "corretto". È lasciare un margine di sicurezza: mantieni loghi e testo dentro il ~90% centrale della tela e nulla di importante entro 60px da qualsiasi bordo. Allora veramente non importa quale delle tre dimensioni esporti.

Come creare un'immagine che funziona ovunque

La mia raccomandazione: costruisci a 1200 x 630. È la dimensione documentata di Facebook, è praticamente a 1.91:1, ed è un numero pari, il che evita strani problemi di rendering a mezzo pixel in alcuni editor. Poi riusa lo stesso file per LinkedIn, Slack, Discord e tag Open Graph in generale.

Se hai già un'immagine con dimensioni sbagliate, ecco il modo rapido di risolverlo senza installare nulla:

1. Apri lo strumento di ritaglio e ritaglia prima la tua foto sorgente approssimativamente a una forma 1.91:1. Questo è il passaggio che la gente salta, se vai dritto al ridimensionamento, una foto 4:3 viene schiacciata e i visi sembrano sottilmente sbagliati.
2. Prendi il file ritagliato nello strumento di ridimensionamento e impostalo a 1200 x 630 (o 628, o 627, scegline uno e vai avanti).
3. Esporta come JPG per le foto, PNG solo se hai bisogno di testo nitido o trasparenza dietro un logo. Il convertitore di immagini gestisce questo cambio se la tua sorgente è un PNG, WebP o HEIC.

Tutto avviene dentro il tuo browser su cutbg, il file non lascia mai il tuo computer, non c'è coda di upload e nessun account. Questo è importante più di quanto la gente realizzi per scatti di prodotti non ancora rilasciati o lavori client che non hai ancora annunciato.

Guarda anche la dimensione del file

Le piattaforme hanno limiti di upload e di recupero, Facebook limita le immagini Open Graph a 8MB, e alcuni crawler rinunciano silenziosamente a qualsiasi cosa sia lenta da scaricare. Un JPG 1200 x 630 dovrebbe comodamente rientrare tra 100KB e 300KB. Se il tuo export è un PNG multimegabyte, passalo prima attraverso il compressore. File più piccoli significano anche che l'anteprima appare effettivamente invece di mostrare una card vuota mentre il crawler scade.

Se l'anteprima mostra ancora l'immagine vecchia

Questo non è quasi mai un problema di dimensionamento. Facebook, LinkedIn e Twitter memorizzano nella cache le anteprime scrape in modo aggressivo. Dopo aver sostituito il file, esegui l'URL attraverso il debugger della piattaforma stessa (Sharing Debugger di Facebook, Post Inspector di LinkedIn) per forzare un re-scrape. Cambiare la tua immagine da 1200 x 627 a 1200 x 628 non risolverà un'anteprima memorizzata nella cache, solo svuotare la cache lo farà.

Allora: smetti di angosciarti sull'ultimo pixel. Scegli 1200 x 630, mantieni il tuo testo lontano dai bordi, mantieni il file sotto poche centinaia di KB, e sei coperto su ogni piattaforma che legge i tag Open Graph.