OG images by use case
Different pages need different OG image patterns. Pick a use case to get a recommended template set and a fast preset you can tweak.
Blog
Readable, high-contrast OG images for articles and tutorials.
View recommendations →
SaaS
Product-driven OG images for feature launches and landing pages.
View recommendations →
Portfolio
Simple personal branding: name, role, and one clear proof point.
View recommendations →
Ecommerce
Price, product name, and a strong hero photo without clutter.
View recommendations →
Documentation
High-signal OG images for docs: product name + section title.
View recommendations →
Startup
One-liner value prop with strong contrast and a clear accent.
View recommendations →
Open Source
Project name + tagline + GitHub credibility signals (stars, OSS vibe).
View recommendations →
Landing Page
A focused headline and a single visual motif that matches your hero section.
View recommendations →
Universal rule (use this first)
Start with one universal 1200x630 image. Make it readable at small sizes and keep important text away from edges.
Then, if you see real platform-specific issues, create a variant. The size guide and validator help you decide with evidence.
Links: Validator · Debug checklist