What OG image score did github.com get?

github.com scored 91 out of 100 (Grade A: Proper. This is how it's done.). 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

github.com

OG image scorecard · 91/100 · Proper. This is how it's done.

GitHub · Change is constant. GitHub keeps you ahead.

Design DNA

Patterns

gradient-bgbold-typographyillustrationdark-theme

Type

Geometric Sans-Serif

PaletteVivid cool tones

Your brand as prompts

Complete design system extracted from github.com

Colors:
  dominant: #1A1A33
  secondary: #FFFFFF
  accent-1: #8A4DFF
  accent-2: #FF66CC
  accent-3: #C0E0FF
  Mode: dark
  Temperature: cool
  Saturation: vibrant

Recommended harmonies:
  Dark mono: bg #121216, text #eaeaec, accent #2c2c6d
  Light mono: bg #f4f4f6, text #1c1c22, accent #2b2b54
  Complementary: bg #131316, text #F2EAE0, accent #5b5b25

Typography:
  primary: Geometric Sans-Serif

Layout & visual style:
  Layout: full-bleed
  Aspect ratio: 1.91:1 (standard OG)
  Patterns:
    Gradient BG
    Bold Typography
    Illustration
    Dark Theme

Strengths to preserve:
  Strong brand recognition with the GitHub logo and stylized Octocat illustration.
  Clear, concise, and impactful message that aligns with GitHub's collaborative mission.
  Excellent readability due to high contrast white text on a dark, gradient background.

Avoid:
  Optimize image file size (604KB is large for an OG image) by using more efficient compression or a modern format like WebP.
  Enhance the image format; if currently PNG, consider converting to WebP or a highly optimized JPG for better performance.
  While visually appealing, the illustration could be more dynamically integrated with the text or have a clearer narrative focus.

Pro tip: Combine bold, readable typography with a unique, on-brand illustration to create a memorable and engaging visual identity that reinforces your brand's core message.

Recreation target:
  Format: Open Graph image, 1200x630px, PNG
  Original dimensions: 1200x630
  Reference: https://pub-32084146667c4935ad1a542ab5a6ab20.r2.dev/og-images/github.com/a5dee689cb1d.png

Source: properog.com/site/github.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://github.com

og:title

GitHub · Change is constant. GitHub keeps you ahead.

og:description

Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.

og:image

https://pub-32084146667c4935ad1a542ab5a6ab20.r2.dev/og-images/github.com/a5dee689cb1d.png

Dimensions

1200×630

File size

604KB

Industry

SaaS

Color mode

Score breakdown

OG Image

Has og:image tag

https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png

Dimensions

1200×630, 1.90:1 ratio. Ideal

Title

Perfect length (52 chars). Won't truncate anywhere

GitHub · Change is constant. GitHub keeps you ahead.

Description

Will be truncated (186 chars). Front-load the value

Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.

og:type

og:type = object

Quality Profile

AI analysis

Strengths

+Strong brand recognition with the GitHub logo and stylized Octocat illustration.
+Clear, concise, and impactful message that aligns with GitHub's collaborative mission.
+Excellent readability due to high contrast white text on a dark, gradient background.

Improvements

→Optimize image file size (604KB is large for an OG image) by using more efficient compression or a modern format like WebP.
→Enhance the image format; if currently PNG, consider converting to WebP or a highly optimized JPG for better performance.
→While visually appealing, the illustration could be more dynamically integrated with the text or have a clearer narrative focus.

↗

Takeaway

Combine bold, readable typography with a unique, on-brand illustration to create a memorable and engaging visual identity that reinforces your brand's core message.

What proper looks like in SaaS