Cross-Platform Fidelity
Accurate layout mockups for X (Twitter), LinkedIn, Facebook, Slack, and Discord in one dashboard.
All tools
Social & SEO tool
Open Graph (OG) Previewer & Generator
Design 1200×630 OG meta banners and preview how your website appears when shared on Twitter, LinkedIn, Facebook, Slack, and Discord.
Private by default. Processing happens in your browser.
- Add your inputChoose a file, paste content, or enter details.
- Choose settingsReview the useful defaults, then adjust if needed.
- Save the resultCopy or download the finished output.
Check a live website
The URL is sent to our server to read your site's public meta tags. Everything else in this tool stays in your browser.
Page Metadata Configuration
Edit any field below and all previews update instantly.
60/70 chars
111/200 chars
OG Banner Presets
X (Twitter) Live Preview
Target Aspect: 1200 x 630 (1.91:1)K
KinetiqIT@kinetiqit · 2m
Check out our latest release and developer suite! 🚀
kinetiqit.com
KinetiqIT | Modern Web Design & High-Performance Engineering
We craft bespoke web platforms, design systems, and lightning-fast developer tools for forward-thinking brands.
Maximize click-through rates on every social share
Ensure your links stand out with crisp typography and responsive card formatting.
1200×630 Canvas Studio
Built-in modern gradient & dark themes. Generate and download retina-ready OG images with zero design software.
Instant Code Snippets
One-click copy for standard HTML <meta> tags and Next.js App Router metadata.
Frequently asked questions
What is the recommended Open Graph image dimension?
The industry standard across Twitter/X, LinkedIn, Facebook, and Discord is 1200 x 630 pixels (an aspect ratio of 1.91:1). This ensures high sharpness on retina screens without cropping.
How do I check character count truncation across platforms?
Each platform has different display limits: X/Twitter cuts off around 70 characters for titles, LinkedIn at ~60, and Facebook around 88. Our live previewer shows exact mockups with character counters so you avoid truncation.
Can I download the generated OG banner for my website?
Yes! Use the 'Export PNG' button in the preset customizer to instantly download a pixel-perfect 1200x630 PNG file rendered locally via HTML5 canvas.
How do I add these tags to Next.js or standard HTML?
Click 'Get Meta Tags' to toggle between standard HTML <head> tags and the Next.js App Router metadata object format with one-click copy.
Ready to boost your site's SEO & digital presence?
We build blazing fast Next.js applications, search-optimized architectures, and high-converting marketing engines.
Start a project