Dimensiunea imaginii Open Graph: un fișier pentru toate

O singură imagine de 1200 pe 630 de pixeli, în PNG sau JPEG, sub aproximativ 1 MB, cu conținutul important în cei 1080 pe 600 din mijloc. Acest fișier respectă specificațiile publicate de Meta și LinkedIn, ceea ce este întregul răspuns la întrebarea despre dimensiunea imaginii Open Graph pentru aproape orice site.

Dimensiunile sunt partea ușoară. De obicei nici ele nu sunt ce se strică. Ce se strică este textul așezat prea aproape de o margine pe care o decupează o platformă, o imagine care nu se actualizează niciodată fiindcă un robot a păstrat-o pe cea veche în cache cu luni în urmă sau un card afișat fără nicio poză, fiindcă fișierul avea 4 MB pe o origine lentă. Întrebarea despre dimensiunea imaginii OG sunt de fapt trei întrebări, iar doar una privește pixelii. Acest ghid acoperă specificația, zona sigură, comportamentul cache-ului care îi face pe oameni să creadă că etichetele lor sunt greșite și modul în care se rezolvă previzualizările când ceea ce partajezi este un link scurt. Dacă previzualizarea ți lipsește cu totul, nu doar e prost decupată, previzualizarea linkului nu apare este ghidul de diagnostic.

Dimensiunea și de ce este aceea

Raportul 1,91:1 apare atât în documentația Meta, cât și în cea LinkedIn. Protocolul Open Graph în sine (accesat la 2026-10-25) nu fixează o dimensiune; exemplele lui sunt 400x300 și 300x300 și cere og:image:alt ori de câte ori specifici o imagine. În jurul cifrelor platformelor s-a format un standard de facto.

Sursele sunt ghidul Meta pentru imagini și pagina de ajutor LinkedIn despre previzualizarea linkurilor. X își documentează cardurile separat, dar nu am putut încărca acea documentație, așa că verific-o înainte să te bazezi pe o dimensiune pentru X.

Zona sigură pe care nu o pomenește nimeni

Un card este rareori afișat în raportul în care l-ai proiectat. Pagina LinkedIn spune că imaginile pătrate și verticale pot fi decupate, iar tot ce are sub 401 px lățime devine o miniatură mică. Zona de 1080 pe 600 de mai jos este regula noastră practică, nu o cifră a unei platforme.

Păstrează tot ce trebuie să supraviețuiască în cei 1080 pe 600 din mijloc, centrat, și tratează banda exterioară drept decor pe care ți-l permiți să-l pierzi. În practică, titlul stă în centru-stânga, nu lipit de margine, sigla stă în interiorul marjei, nu în colț, și nu există un chenar subțire, fiindcă un chenar este singurul element de design care pare stricat în clipa în care este decupat.

Contează și contrastul. Cardurile stau pe fundal deschis în unele clienturi și închis în altele, așa că o imagine care se bazează pe mediul din jur pentru separare își poate pierde marginile.

Etichetele din jurul imaginii

Patru etichete fac treaba. Două dintre ele sunt cele pe care lumea le sare.

<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" />

Folosește un URL absolut, cu schemă și gazdă, fiindcă un robot citește eticheta fără contextul paginii. Meta spune că lățimea și înălțimea îi permit robotului să afișeze imaginea la prima partajare fără s-o preia mai întâi. Iar og:image:alt este eticheta de accesibilitate care nu costă nimic și lipsește aproape peste tot.

De ce nu apare imaginea ta nouă

Aceasta este cea care generează tichete de suport. Ai reparat imaginea, vezi fișierul nou la URL-ul lui, iar cardul arată în continuare designul trimestrului trecut.

Documentația Meta spune că robotul său păstrează imaginile în cache după URL și că schimbarea imaginii nu actualizează previzualizările partajărilor existente. Trei ieșiri, în ordinea în care le-aș încerca:

• Forțează o re-scanare cu Sharing Debugger de la Facebook. LinkedIn are și el un Post Inspector, deși pagina de ajutor pe care am citit-o nu descrie cum face cache.
• Publică imaginea sub un nume de fișier nou, adică un URL diferit, fără intrare în cache. Meta recomandă asta și este varianta sigură.
• Schimbă însuși URL-ul partajat, ceea ce este banal de ușor când ceea ce partajezi este un link scurt pe care îl controlezi, nu o adresă permanentă de pagină.

Înainte să publici, verificatorul Open Graph gratuit preia un URL și arată titlul, descrierea, imaginea, numele site-ului și o previzualizare de card Twitter pe care le găsește. Citește doar etichete. Nu raportează dimensiunile imaginii și nu șterge cache-ul niciunei platforme.

Previzualizări când partajezi un link scurt

Un link scurt nu are etichete Open Graph proprii și nici nu are nevoie de ele. Edge-ul Elido răspunde roboților cu redirecționarea obișnuită, fiindcă previzualizările de linkuri din aplicațiile de chat trebuie s-o urmeze, și nu numără aceste preluări drept clicuri (filtrul de boți este o listă de user-agent, deci unele preluări automate pot trece). Cardul se construiește din etichetele destinației. Dacă e greșit, repară destinația.

Două lucruri depind totuși de stratul de linkuri. O redirecționare pe partea de server este alegerea sigură, încă un motiv să ții lanțul scurt. Iar redirecționarea unui link scurt către altă țintă îi schimbă previzualizarea, deși platformele care au păstrat în cache cardul vechi continuă să-l afișeze.

O lacună: Elido nu are suprascriere de imagine OG sau de titlu per link, deci un link scurt nu poate purta un card diferit de cel al destinației. Paginile de microsite au un câmp pentru imaginea OG. Dacă ai nevoie de carduri per link, spune-ne; este în backlogul nostru.

Ca să ai linkul și datele de clic într-un singur loc, începe un spațiu de lucru pe domeniul tău și verifică cardul înainte de trimitere.

O listă de verificare care merită păstrată

• 1200 pe 630, PNG sau JPEG, URL HTTPS absolut, sub 1 MB după obiceiul nostru. Aceasta este întreaga decizie despre dimensiunea imaginii OG.
• Nimic important în afara celor 1080 pe 600 din mijloc (regula noastră practică), fără chenare subțiri.
• og:image:width, og:image:height și og:image:alt prezente.
• twitter:card setat la summary_large_image dacă vrei cardul mare pe X.
• Imagine nouă, nume de fișier nou, apoi re-scanare înainte de a anunța orice.

Fă-le bine pe aceste cinci o dată, pune-le într-un șablon în head-ul paginii și imaginile Open Graph încetează să mai fie ceva la care te gândești. Ceea ce este exact cantitatea corectă de atenție de acordat lor.

Citește seria cornerstone

Acest articol face parte din clusterul de tutoriale. Pentru previzualizări care eșuează cu totul, nu doar sunt prost decupate, previzualizarea linkului nu apare este soluția pe platforme, iar cum faci un link clicabil acoperă stratul de dedesubt.

Pe același subiect pe blog

• Previzualizarea linkului nu apare? Cauze și remedii
• Scurtează un link pentru X (Twitter): ce îi face t.co
• Cum urmărești linkurile din rețelele sociale: clicuri pe canale
• Ce este un link de brand și de ce convertește mai bine
• Cum redirecționezi un URL: șase moduri și când se potrivește fiecare
• Linkuri scurte pe domeniu propriu: DNS, TLS și edge-ul