Open Graph image meets minimum size requirements

Facebook, LinkedIn, and iMessage upscale OG images below 1200x630 to fit their card templates, which produces blurry thumbnails on retina displays — exactly the screens the most active social users are reading on. Images under 600x315 are rejected entirely on some platforms and fall back to no-image cards. Specifying width and height in metadata also lets scrapers render the correct aspect ratio without fetching the image first, which matters for chat platforms that render previews synchronously.

Export OG images at exactly 1200x630 pixels (1.91:1 aspect ratio). Use PNG for images with text, JPEG for photographic content. Declare dimensions in metadata so scrapers do not need to fetch the file to compute aspect.

// app/layout.tsx
openGraph: {
  images: [{ url: '/og-image.png', width: 1200, height: 630 }],
}

For dynamic generation, use the size export in app/opengraph-image.tsx: export const size = { width: 1200, height: 630 } — Next.js uses this to set the correct metadata automatically.