What OG image score did vercel.com get?

vercel.com scored 80 out of 100 (Grade B: Almost proper. A few tweaks away.). The score is based on image dimensions, file size, meta tags, aspect ratio, and platform rendering across Twitter/X, LinkedIn, Slack, Discord, and iMessage.

What is a good Open Graph image size?

The recommended Open Graph image size is 1200x630 pixels with a 1.91:1 aspect ratio. This ensures proper rendering across all major platforms including Twitter/X, LinkedIn, Slack, Discord, and iMessage.

How can I improve my OG image score?

To improve your OG image score: use 1200x630 dimensions, keep file size under 300KB, include og:title and og:description meta tags, use a high-contrast design with readable text, and test rendering across platforms. properOG can generate a brand-matched OG image for you.

What meta tags are needed for Open Graph images?

The essential meta tags are og:image (image URL), og:title (page title), og:description (page summary), og:type (usually 'website'), and og:url (canonical URL). For Twitter/X, also add twitter:card set to 'summary_large_image' and twitter:image.

← Check another site

vercel.com

OG image scorecard · 80/100 · Almost proper. A few tweaks away.

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Design DNA

Patterns

gradient-bgbold-typographyminimalcentered-text

Type

Geometric Sans-SerifDisplay

Your brand as prompts

Complete design system extracted from vercel.com

Colors:
  dominant: #FFFFFF
  secondary: #F5F5F5
  accent-1: #FFD700
  accent-2: #FF6B35
  accent-3: #00D9FF
  Mode: colorful

Recommended harmonies:
  Dark mono: bg #161212, text #eceaea, accent #c6b9b9
  Light mono: bg #f6f4f4, text #221c1c, accent #e6e6e6
  Complementary: bg #161313, text #F2EAE0, accent #abbaba

Typography:
  primary: Geometric Sans-Serif
  secondary: Display

Layout & visual style:
  Layout: centered
  Aspect ratio: 1.91:1 (standard OG)
  Patterns:
    Gradient BG
    Bold Typography
    Minimal
    Centered Text

Strengths to preserve:
  Bold, large typography that's immediately readable and memorable
  Vibrant gradient background (white to rainbow spectrum) creates visual interest and modern aesthetic
  Simple, uncluttered composition focuses attention on the core message

Avoid:
  File size is quite large (602KB) - could be optimized for faster loading
  Text lacks context about what 'ship' means in this context - could benefit from supporting copy
  Gradient may be too busy for some contexts - could test with more subtle color transitions

Pro tip: The minimalist approach with bold typography and vibrant gradient creates strong visual impact, but reducing file size through image compression or format conversion (WebP) would improve performance without sacrificing design quality.

Recreation target:
  Format: Open Graph image, 1200x630px, PNG
  Original dimensions: 1200x628
  Reference: https://assets.vercel.com/image/upload/contentful/image/e5382hct74si/4JmubmYDJnFtstwHbaZPev/0c3576832aae5b1a4d98c8c9f98863c3/Vercel_Home_OG.png

Source: properog.com/site/vercel.com

Or generate your own OG in this style →

Browse design DNA prompts from the best OG images →

Platform fit

OKFacebook / LinkedIn / Discord(1200×630)

OKX / Twitter (Large Card)(1200×628)

INFOX / Twitter (Summary)(120×120)

OKWhatsApp / iMessage(~300×157)

OKSlack(~200×105)

OKChatGPT(~400px wide)

INFOGoogle Search(N/A)

Under the hood

URL

https://vercel.com

og:title

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

og:description

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

og:image

https://assets.vercel.com/image/upload/contentful/image/e5382hct74si/4JmubmYDJnFtstwHbaZPev/0c3576832aae5b1a4d98c8c9f98863c3/Vercel_Home_OG.png

Dimensions

1200×628

File size

602KB

Industry

SaaS

Score breakdown

OG Image

Has og:image tag

https://assets.vercel.com/image/upload/contentful/image/e5382hct74si/4JmubmYDJnFtstwHbaZPev/0c3576832aae5b1a4d98c8c9f98863c3/Vercel_Home_OG.png

Dimensions

1200×628, 1.91:1 ratio. Works but 1200×630 is ideal

Title

Long (76 chars). May truncate on Twitter and Facebook

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Description

Ideal length (111 chars). Fills the card without truncation

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

og:type

og:type = website

Quality Profile

AI analysis

Strengths

+Bold, large typography that's immediately readable and memorable
+Vibrant gradient background (white to rainbow spectrum) creates visual interest and modern aesthetic
+Simple, uncluttered composition focuses attention on the core message

Improvements

→File size is quite large (602KB) - could be optimized for faster loading
→Text lacks context about what 'ship' means in this context - could benefit from supporting copy
→Gradient may be too busy for some contexts - could test with more subtle color transitions

↗

Takeaway

The minimalist approach with bold typography and vibrant gradient creates strong visual impact, but reducing file size through image compression or format conversion (WebP) would improve performance without sacrificing design quality.

What proper looks like in SaaS