Dimensione immagine Open Graph: un file per ogni piattaforma

Una sola immagine da 1200 per 630 pixel, in PNG o JPEG, sotto circa 1 MB, con il contenuto importante dentro la parte centrale di 1080 per 600. Quel file rispetta le specifiche pubblicate da Meta e LinkedIn, che è l'intera risposta alla domanda sulla dimensione dell'immagine Open Graph per quasi ogni sito.

Le dimensioni sono la parte facile. Di solito non sono nemmeno ciò che si rompe. Ciò che si rompe è il testo troppo vicino a un bordo che una piattaforma ritaglia, un'immagine che non si aggiorna mai perché un crawler ha messo in cache quella vecchia mesi fa, o una card che appare senza alcuna immagine perché il file pesava 4 MB su un origin lento. La domanda sulla dimensione dell'immagine OG è in realtà tre domande, e solo una riguarda i pixel. Questa guida copre la specifica, la zona sicura, il comportamento della cache che fa pensare alle persone di avere i tag sbagliati, e come si risolvono le anteprime quando ciò che viene condiviso è un link corto. Se la tua anteprima manca del tutto anziché essere ritagliata male, anteprima del link non visibile è la guida alla diagnosi.

La dimensione e perché è quella

Il rapporto 1,91:1 compare sia nella documentazione di Meta sia in quella di LinkedIn. Il protocollo Open Graph stesso (consultato il 2026-10-25) non fissa alcuna dimensione; i suoi esempi sono 400x300 e 300x300, e chiede og:image:alt ogni volta che specifichi un'immagine. Uno standard de facto si è formato attorno ai numeri delle piattaforme.

Piattaforma	Indicazioni documentate (consultato il 2026-10-25)
Meta (Facebook)	Raccomanda 1200x630, circa 1,91:1. Card grande da 600x315. Minimo 200x200. Massimo 8 MB.
LinkedIn	1,91:1, minimo 1200x627, massimo 5 MB. Le immagini più strette di 401 px appaiono come piccole miniature. Le immagini quadrate e verticali possono essere ritagliate.
X	La documentazione per sviluppatori ha restituito HTTP 402 e 404, quindi nessun numero qui.
Slack, Discord, WhatsApp, iMessage	Nessuna documentazione ufficiale sulle dimensioni verificata. Non facciamo alcuna affermazione.

Le fonti sono le indicazioni sulle immagini di Meta e la pagina di aiuto sulle anteprime dei link di LinkedIn. X documenta le sue card separatamente, ma non siamo riusciti a caricare quella documentazione, quindi controllala prima di affidarti a una dimensione per X.

La zona sicura di cui nessuno parla

Una card raramente viene mostrata al rapporto in cui l'hai progettata. La pagina di LinkedIn stessa dice che le immagini quadrate e verticali possono essere ritagliate, e qualsiasi cosa più stretta di 401 px diventa una piccola miniatura. La zona di 1080 per 600 qui sotto è la nostra regola pratica, non un numero delle piattaforme.

Tieni tutto ciò che deve sopravvivere dentro la parte centrale di 1080 per 600, centrato, e tratta la fascia esterna come decorazione che puoi permetterti di perdere. In pratica significa che il titolo sta al centro-sinistra anziché contro il bordo, il logo vive dentro il margine anziché nell'angolo, e non c'è alcun bordo sottile, perché un bordo è l'unico elemento di design che sembra rotto nell'istante in cui viene ritagliato.

Conta anche il contrasto. Le card stanno su sfondi chiari in alcuni client e scuri in altri, quindi un'immagine che si affida all'ambiente circostante per la separazione può perdere i suoi bordi.

I tag attorno all'immagine

Quattro tag fanno il lavoro. Due di essi sono quelli che le persone saltano.

<meta property="og:image" content="https://example.com/og/spring-launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
  property="og:image:alt"
  content="Spring launch: 30 percent off through May"
/>
<meta name="twitter:card" content="summary_large_image" />

Usa un URL assoluto con schema e host, dato che un crawler legge il tag senza contesto di pagina. Meta dice che larghezza e altezza permettono al suo crawler di renderizzare l'immagine alla prima condivisione senza recuperarla prima. E og:image:alt è il tag di accessibilità che non costa nulla e manca quasi ovunque.

Perché la tua nuova immagine non compare

È quella che genera ticket di supporto. Hai corretto l'immagine, vedi il nuovo file al suo URL, e la card mostra ancora il design del trimestre scorso.

La documentazione di Meta dice che il suo crawler mette in cache le immagini per URL, e che cambiare l'immagine non aggiorna le anteprime delle condivisioni esistenti. Tre vie d'uscita, nell'ordine in cui le proverei:

Forza una nuova scansione con lo Sharing Debugger di Facebook. Anche LinkedIn ha un Post Inspector, anche se la pagina di aiuto che abbiamo letto non ne descrive la cache.
Pubblica l'immagine con un nuovo nome di file, che è un URL diverso senza voce in cache. Meta lo raccomanda, ed è la via affidabile.
Cambia l'URL condiviso stesso, cosa banalmente facile quando ciò che condividi è un link corto che controlli anziché un indirizzo di pagina permanente.

Prima di pubblicare, il controllo Open Graph gratuito recupera un URL e mostra il titolo, la descrizione, l'immagine, il nome del sito e un'anteprima della Twitter card che trova. Legge solo i tag. Non riporta le dimensioni dell'immagine né svuota la cache di alcuna piattaforma.

Anteprime quando condividi un link corto

Un link corto non ha tag Open Graph propri e non ne ha bisogno. L'edge di Elido risponde ai crawler con il normale redirect, perché le anteprime dei link nelle app di chat devono seguirlo, e non conta quei recuperi come clic (il filtro dei bot è un elenco di user-agent, quindi alcuni recuperi via script possono sfuggire). La card è costruita dai tag della destinazione. Se è sbagliata, correggi la destinazione.

Due cose dipendono invece dal livello del link. Un redirect lato server è la scelta sicura, un motivo in più per mantenere breve la catena. E riassegnare un link corto cambia la sua anteprima, anche se le piattaforme che hanno messo in cache la vecchia card continuano a mostrarla.

Una lacuna: Elido non ha un override per singolo link dell'immagine OG o del titolo, quindi un link corto non può portare una card diversa dalla sua destinazione. Le pagine microsite hanno invece un campo immagine OG. Se ti servono card per singolo link, faccelo sapere; è nel nostro backlog.

Per avere link e dati dei clic in un unico posto, avvia uno workspace sul tuo dominio e controlla la card prima dell'invio.

Una checklist da tenere

1200 per 630, PNG o JPEG, URL HTTPS assoluto, sotto 1 MB per nostra abitudine. Questa è l'intera decisione sulla dimensione dell'immagine OG.
Nulla di importante fuori dalla parte centrale di 1080 per 600 (nostra regola pratica), nessun bordo sottile.
og:image:width, og:image:height e og:image:alt presenti.
twitter:card impostato su summary_large_image se vuoi la card grande su X.
Nuova immagine, nuovo nome di file, poi nuova scansione prima di annunciare qualsiasi cosa.

Fai bene questi cinque punti una volta, inseriscili come template nell'head della pagina, e le immagini Open Graph smettono di essere una cosa a cui pensare. Che è la giusta quantità di attenzione da dedicare loro.

Leggi la serie cornerstone

Questo articolo fa parte del cluster tutorial. Per le anteprime che falliscono del tutto anziché ritagliarsi male, anteprima del link non visibile è la soluzione piattaforma per piattaforma, e come creare un link cliccabile tratta il livello sottostante.

Correlati sul blog

Domande frequenti

Qual è la migliore dimensione per un'immagine Open Graph?

1200 per 630 pixel, un rapporto d'aspetto di 1,91:1, in PNG o JPEG. Meta raccomanda esattamente questa dimensione e LinkedIn chiede 1,91:1 a 1200x627 o più (entrambe le pagine verificate il 2026-10-25), quindi un solo file soddisfa entrambe. Il minimo dichiarato da Meta per una card grande è 600x315, e sotto 200x200 non viene mostrata. Teniamo i file sotto 1 MB come nostra regola pratica.

Perché il mio og:image non si aggiorna?

Perché la piattaforma ha messo in cache quello vecchio. Meta documenta che il suo crawler mette in cache le immagini per URL e che un'immagine modificata richiede un nuovo URL, oppure una nuova scansione tramite lo Sharing Debugger. Cambiare l'immagine non aggiorna le anteprime delle condivisioni già esistenti. Pubblicare con un nuovo nome di file è la strada affidabile.

Quanto può pesare un file og:image?

I tetti documentati sono 8 MB per Meta e 5 MB per LinkedIn (verificati il 2026-10-25). Puntiamo a meno di 1 MB, che è una nostra abitudine e non una regola delle piattaforme, perché un file pesante su un origin lento è una probabile ragione di una card senza immagine. La documentazione per sviluppatori di X non si è caricata per noi, quindi non indichiamo alcun limite per X.

Mi serve un'immagine separata per X e LinkedIn?

Di solito no per Facebook e LinkedIn, dato che 1200x630 rispetta entrambe le specifiche documentate. Per X non siamo riusciti a caricare la documentazione per sviluppatori il 2026-10-25, quindi consulta la sua documentazione sulle card per i tag e i limiti che richiede attualmente. In ogni caso, un'immagine e un URL significano meno cose da dimenticare quando la pagina cambia.

Da dove viene l'immagine di anteprima quando condivido un link corto?

Dalla pagina di destinazione, non dal link. Elido risponde ai crawler con il normale redirect, quindi la piattaforma legge i tag della pagina su cui arriva. Un link corto eredita l'anteprima della sua destinazione, ed Elido oggi non ha un override dell'immagine per singolo link. Una card assente dopo l'accorciamento di solito indica i tag della pagina di destinazione.

L'immagine ha bisogno di un URL assoluto?

Usane uno. Un URL completo con schema e host è la scelta sicura, dato che un crawler legge il tag senza il contesto della pagina. Servilo via HTTPS. Impostare og:image:width e og:image:height permette al crawler di Meta di renderizzare l'immagine alla prima condivisione senza scaricarla prima, secondo la sua documentazione.

Prova Elido

Incolla un URL, ottieni un link breve

Senza registrazione. Il link vive 30 giorni. Iscriviti per conservarlo.

Senza registrazione. Crea un account gratuito per 50 link al mese.