Capture the Above-the-Fold with AI
Screenshot any URL and download a pixel-faithful capture of the first viewport, ready to serve straight as your 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 painter, and how it compares to Urlbox, ScreenshotOne, and @vercel/og.
How is this different from the main AI painter?
The painter is a translator: it reads a URL and generates 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 painter 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?
Free, no signup, 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 — no real-browser screenshot at all. Above the Fold sits in between: a free, accountless, web-based front door — 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's 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 painter — it works from extracted page content and ignores overlays entirely.
Design the First Impression, Not Just the Meta
The OG card gets one impression per share; the hero above the fold gets one per click. Same brand read, painted the same way.