Above the fold
Screenshot any URL and download a 1200×630 PNG of the first viewport — pixel-faithful, no AI redrawing, ready to ship as og:image.
Preview
Paste a URL above and we'll render its first screen and crop it to a share-ready 1200×630 PNG.
Above the Fold FAQ
What this free screenshot-to-OG tool does, how it differs from the AI generator, and how it compares to Urlbox, ScreenshotOne, and @vercel/og.
How is this different from the main Oginify AI generator?
The generator is a translator: it reads a URL and uses AI to paint an original Open Graph card for it — branded, designed, unique per page. Above the Fold is a camera: it loads the URL in a real browser and saves the first screen exactly as visitors see it. Same 1200×630 output, opposite philosophy. Use the generator when the page itself isn't visually share-ready; use this when the page already looks great.
Is it really free? Do I need an account?
Yes — no signup, no account, no watermark, no quota. The screenshot is captured server-side, sent straight back to your browser, and cropped to 1200×630 in your browser. Nothing is stored. The image you download is the only copy.
How does this compare to Urlbox, ScreenshotOne, and @vercel/og?
Urlbox and ScreenshotOne are paid screenshot APIs aimed at developers — powerful, but you write code, manage keys and pay per capture. @vercel/og renders OG images from JSX on the server — no real-browser screenshot at all. Above the Fold sits in between: a free, accountless, web-based front door to the same job — point, click, download.
Can I use the screenshot as my page's og:image?
Yes. Download the PNG, host it on your site or CDN, and reference it as <meta property="og:image" content="https://yoursite.com/og.png">. Add og:image:width="1200" and og:image:height="630" so X, LinkedIn, Slack, Discord and iMessage render the large card layout.
Why 1200×630, and why crop from the top?
1200×630 is the 1.91:1 Open Graph spec every major platform expects. We render the page at 1200×800 (the standard above-the-fold viewport) and crop the top 630 pixels because that is the part visitors actually see before scrolling — by definition, the most important real estate on any page.
What about pages that need JavaScript or have a cookie banner?
We render the page in a real headless browser with JavaScript enabled, so SPAs and dynamic content work. Cookie banners, however, can occupy the first screen. If a banner is covering your hero, dismiss it on your own site first or use the AI generator, which works from extracted page content and ignores overlays entirely.
A camera for pages that already look great.
A studio for the ones that don't.
When the page itself isn't share-ready, generate four on-brand AI Open Graph cards from any URL — no design work required.