Open Graph Image Generator
NewBuild an actual 1200×630 Open Graph / Twitter Card share image — title, subtitle, site label, and a gradient background — rendered on an in-browser canvas and downloadable as a real PNG file.
og:image / twitter:image.Frequently Asked Questions
How is this different from the existing Open Graph / Social Card Preview tool?
That tool previews how an *existing* og:image and meta tags will render across platforms like Facebook, X/Twitter, LinkedIn, and Slack; this tool instead generates the actual og:image file itself from scratch — a real PNG you can upload to your server and reference in your meta tags.
Why is the image exactly 1200×630 pixels?
That's the widely recommended standard size for Open Graph images, giving roughly a 1.91:1 aspect ratio that displays well as a large, uncropped preview card on Facebook, LinkedIn, Slack, and most other platforms that support Open Graph previews.
Can I use a solid color instead of a gradient background?
Yes — set both background color pickers to the same color, and the "gradient" will render as a single flat color with no visible transition.
Does the title text wrap automatically if it's too long?
Yes — both the title and subtitle automatically wrap onto multiple lines (up to 3 lines for the title, 2 for the subtitle) to fit within the image width, so very long text won't overflow off the edge of the canvas.
Is any of this uploaded to a server to generate the image?
No — the entire image is drawn using the HTML5 Canvas API directly in your browser, and the downloaded PNG is generated locally via `canvas.toDataURL()` with no network request involved.
Related Tools
Image Cropper
NewCrop images with precise pixel controls and aspect ratio presets — no upload needed.
Image Resizer
NewResize images to exact dimensions or presets entirely in your browser, with format and quality control.
Image Format Converter
NewConvert images between PNG, JPEG, and WebP formats directly in your browser.