OG Image Generator
Create a 1200x630 social preview image for blog posts, product pages, docs, launches, and link shares.
Meta tags
Host the downloaded image at the URL below, then paste one of these snippets into your site.
HTML
<meta property="og:image" content="https://convertyard.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://convertyard.com/og-image.png" />Next.js
export const metadata = {
openGraph: {
images: [{ url: 'https://convertyard.com/og-image.png', width: 1200, height: 630 }],
},
twitter: {
card: 'summary_large_image',
images: ['https://convertyard.com/og-image.png'],
},
}Start with the headline
Use the page title or launch message. Keep it under 80 characters when possible so previews stay readable.
Keep the edges clean
Important text should stay inside the visible safe area. Social apps may crop tight borders in compact feeds.
Paste complete tags
Use both Open Graph and Twitter tags. That covers link previews in feeds, chat apps, docs, and team tools.
Frequently asked questions
Use 1200x630 pixels for the broadest compatibility. That 1.91:1 ratio works well for Facebook, LinkedIn, Slack, Discord, WhatsApp, and X summary_large_image cards.
No. The editor renders everything in your browser with Canvas. Your title, brand colors, logo, and exported image are not uploaded to ConvertYard.
PNG is the safest default for crisp text and logos. JPEG is smaller for photo-heavy cards. WebP is useful when your site pipeline already serves WebP assets.
Download the image, host it on your site or CDN, then paste the generated og:image and twitter:image tags into your HTML head or framework metadata config.
Yes. ConvertYard adds no watermark and claims no rights to your exported image. Make sure any uploaded logo, photo, or background asset is yours to use.
Social apps crop previews differently. Keeping important text away from the outer edge reduces clipping in compact previews, notifications, and embeds.