FreeGptImg
Voltar ao blog

AI Open Graph Image Generator: Prompts for 1200×630 Link Previews That Survive Crops

Create AI Open Graph link-preview images at 1200×630 with prompt formulas, a 1.91:1 safe zone, limited type, crawler-ready files, and a pre-share checklist.

3 de setembro de 2026FreeGPTImg TeamFreeGPTImg Team
AI Open Graph Image Generator: Prompts for 1200×630 Link Previews That Survive Crops

An AI Open Graph image is a 1.91:1 landscape card that appears when someone shares a URL, not a stretched poster, a blog featured image, or a profile banner. Generate 1200×630. Put one subject in the center. Keep the outer 10% empty so Facebook, LinkedIn, Slack, and chat apps can crop, pad, or scale without eating the only headline. Overlay two or three real words in an editor. Do not bake in a fake title, a price, a URL, or platform chrome.

Meta’s link-share image guidance still says the smallest usable image is 200×200, the file must stay under 8 MB, and 1200×630 is the size that displays best on high-resolution devices. Images at least 600×315 can still show as large previews. Keep the ratio close to 1.91:1 so Feed does not crop the card. LinkedIn’s Page image-specifications page recommends the same 1.91:1 ratio at 1200×627, more than 200 pixels wide. X’s large-image Card is a different job: 2:1, from 300×157 up to 4096×4096, under 5 MB. The Open Graph protocol defines og:image, not a required pixel size. 1200×630 is the practical canvas, not a protocol rule.

You can draft the scene in FreeGPTImg, generate it with GPT Image 2 or the AI text-to-image generator, keep a product honest in AI product photography, stage a real-use moment with the lifestyle product photo generator, lock a simple mark in the AI logo generator, borrow a high-contrast layout from the AI poster generator, or adapt a winning crop into a social media ad.

An AI Open Graph workflow is a prompt-and-review process for the image crawlers fetch when a URL is shared. You describe one job (product proof, article still, launch card, quiet brand field, how-to scene), one subject, the 1200×630 canvas, lighting, and what must stay out. The model returns a concept. Typesetting the real title, date, or offer happens in an editor so you can change the line without regenerating the card.

Newer models, including ChatGPT Images 2.0 and GPT Image 2, handle short, high-contrast labels better than older generators. That is not a reason to stamp “50% OFF · FREE SHIPPING · example.com” into 630 pixels of height. Invented discounts, copied app chrome, and a generic site logo reused on every URL are trust problems. X’s Card docs also warn against a logo, author photo, or other image that spans multiple pages. Empty center bands plus real overlay type are safer.

A link-preview card is also not a blog featured image, a Facebook Page cover, an X header, or a LinkedIn banner. Featured images live in a CMS and can be square or 16:9. Facebook Page covers upload at 851×315. X headers are 1500×500. LinkedIn personal covers are 1584×396. Design the Open Graph file for the unfurl, then crop a second file if a CMS or a 2:1 X Card needs a different ratio.

If you are sharing a product or hours page before the U.S. Labor Day week that starts Monday, September 7, 2026, generate the scene now and type the real dates after you confirm them. Do not let the model invent “ends Monday” or a percentage off.

Choose the preview job before prompting

Weak Open Graph images fail because they try to be a poster, a screenshot, and a billboard at once. Pick the job.

Preview job Best use Canvas Prompt focus Overlay later
Product proof Shop, listing, or landing-page shares 1200×630 One real SKU large in the center, quiet table Short product word if needed
Article still Blog, docs, or newsletter URLs 1200×630 One scene that matches the post promise Real headline in an editor
Launch card A real release, hours change, or event 1200×630 One original object or workspace, empty type band Confirmed date and name
Quiet brand field Pages that already have a strong title in metadata 1200×630 Palette, texture, empty center, no tiny wordmark Keep og:title as the words
How-to scene Tutorials and checklists 1200×630 One tool or step, no readable fake UI Two-word topic label
Comparison still Honest side-by-side pages 1200×630 Two clear objects, equal lighting, no fake scores Real names after you check them

Generate at 1200×630. Do not stretch an 851×315 Facebook cover, a 1500×500 X header, or a 1584×396 LinkedIn banner into 1.91:1. The subject will land in a crop you never planned.

If the same URL must also look good as an X summary_large_image Card, make a second 2:1 file. Do not force one stretched bitmap to serve 1.91:1 and 2:1. Meta wants about 1.91:1. X’s large Card supports 2:1. LinkedIn’s 1200×627 is close enough to 1200×630 that one file usually covers both Facebook and LinkedIn unfurls.

Do not treat “under 8 MB” as permission to upload a muddy 800-pixel file. Generate large, crop to 1200×630, then compress. Prefer JPEG for photo-heavy cards. Use PNG when a simple graphic still looks sharp after compression. Serve the file over HTTPS at a public URL. Crawlers cannot fetch a preview locked behind a login, a cookie wall, or a staging host.

The Open Graph prompt formula

Use this structure for the first batch:

Create an Open Graph link-preview concept, not a Facebook Page cover, not an X header, not a LinkedIn banner, not a blog featured image, and not a screenshot of a social feed.
Surface: og:image / link preview 1200×630.
Job: [product proof / article still / launch card / quiet brand field / how-to scene / comparison still].
Page promise: [one sentence the shared URL actually delivers].
Audience: [shoppers / readers / clients / neighbors].
Hero visual: [one product, desk, interior, original object, or single scene].
Layout: 1200×630 landscape, about 1.91:1, subject in the center 70%, keep the outer 10% free of logos and type, keep the bottom 15% free of headlines in case a client overlays a domain, keep the top 10% clear.
Style: [clean product photo / quiet studio / daylight desk / outdoor table].
Color palette: [2–4 colors that still read after compression and downscaling].
Text handling: no readable URLs, prices, dates, or platform UI. Short empty headline band only, inside the center safe zone.
Must include: [hero, lighting, empty center band, margins that survive 1.91:1 crops].
Must avoid: collages, tiny body copy, fake badges, celebrity likenesses, watermarks, copied app chrome, generic site logos.

The two fields that matter most are “hero visual” and the empty outer band. A 1.91:1 card is shorter than a 16:9 blog header and longer than a 2:1 X Card. If you generate one file and stretch it, the subject lands in padding or in a crop.

Prompt examples you can copy

1. Product landing page

Create an Open Graph link-preview concept for a ceramic mug landing page. Audience: people seeing the URL in a chat or feed. Hero visual: one matte sage mug on a pale oak table, steam suggested, no extra props, no people. Layout: 1200×630 landscape, about 1.91:1, mug in the center 70%, keep the outer 10% empty, keep the bottom 15% free of type. Style: quiet product photo, not a collage. Color palette: sage, oak, cream, charcoal. Text handling: no prices, URLs, or sale badges. Avoid Facebook UI, X Cards, and fake star ratings.

2. How-to article

Create an Open Graph image concept for an article about packing a weekday lunch. Audience: readers who only see the unfurl. Hero visual: one open lunch tin, a folded cloth napkin, a single apple, a wood counter, no readable packaging logos. Layout: 1200×630, subject in the center, keep edges and the bottom band empty. Style: daylight kitchen still, not a recipe infographic. Color palette: linen, olive, warm wood. Text handling: empty headline band only. Avoid tiny step numbers, watermarks, and screenshots of a blog CMS.

3. Local hours or Labor Day note

Create an Open Graph link-preview concept for a neighborhood studio sharing weekend hours. Audience: neighbors tapping a link before the U.S. Labor Day week starting Monday, September 7, 2026. Hero visual: one quiet storefront table with a closed notebook and a plant, no crowd, no readable window lettering. Layout: 1200×630, 1.91:1, table in the center, keep the outer 10% and bottom 15% clear. Style: natural daylight interior. Color palette: brick, cream, sage. Text handling: no dates, hours, or “closed Monday” copy. Overlay real hours in an editor after they are confirmed. Avoid invented discounts and copied map pins.

4. Quiet brand field

Create an Open Graph image concept for a consulting site whose page title already carries the words. Audience: clients seeing a Slack or LinkedIn unfurl. Hero visual: a linen-textured field, one soft shadow, no objects, no people, no wordmark. Layout: 1200×630, empty center, keep every edge quiet. Style: paper texture, not a gradient poster. Color palette: warm gray, ivory, one ink accent. Text handling: no name, URL, or tagline in the pixels. Avoid logos that will be reused on every URL.

5. Honest comparison still

Create an Open Graph link-preview concept for a page that compares a white-background product photo with a lifestyle still of the same object. Audience: shoppers deciding which crop to make first. Hero visual: the same ceramic bottle twice, left on seamless white, right on a sunlit windowsill, equal scale, no fake scores. Layout: 1200×630, both bottles inside the center 70%, keep edges empty. Style: catalog-honest lighting. Color palette: white, oak, bottle green. Text handling: no “winner” labels. Avoid watermarks and invented ratings.

Size map: 1200×630 vs the canvases it is not

Surface Working size Ratio Why it is not an Open Graph card
Open Graph / Facebook large preview 1200×630, under 8 MB ~1.91:1 This is the unfurl canvas
LinkedIn link preview 1200×627, more than 200 px wide 1.91:1 Close enough to share the 1200×630 file
X large-image Card 2:1, 300×157 to 4096×4096, under 5 MB 2:1 Taller crop; generate a second file
Blog featured image CMS-dependent, often 16:9 or square Varies Lives in the article, not the crawler card
Facebook Page cover 851×315 Wider strip Profile chrome, not a shared URL
X header 1500×500 3:1 Profile chrome, avatar overlap
LinkedIn personal banner 1584×396 ~4:1 Profile chrome, avatar overlap

Meta also notes that images smaller than 600×315 still appear, but as a much smaller tile. Below 200×200 the image can be ignored. LinkedIn says images under 200 pixels wide show as a small thumbnail on the left of a URL post. On mobile, LinkedIn may pad other ratios instead of cropping. That is a reason to keep the subject inside the center, not a reason to upload a square and hope.

X’s Card markup supports JPG, PNG, WEBP, and GIF, with only the first GIF frame used, and no SVG. It also asks for a unique image for that page. A site-wide logo fails that test. If you set twitter:card to summary_large_image, either point twitter:image at a 2:1 file or accept that a 1200×630 asset will be letterboxed or cropped toward 2:1.

Overlay type, crawlers, and a pre-share checklist

  1. Write the real og:title and og:description first. The image should not repeat a paragraph of copy.
  2. Generate 1200×630 with one subject and an empty type band.
  3. Overlay two or three verified words in an editor if the metadata title is not enough.
  4. Keep headlines out of the bottom 15%. Some clients draw a domain or caption there.
  5. Export JPEG for photos, PNG for simple graphics. Stay well under Meta’s 8 MB cap and X’s 5 MB Card cap.
  6. Host the file at a stable HTTPS URL. Do not put it behind auth, a signed cookie, or a temporary query that expires.
  7. Add og:image, og:image:width, og:image:height, and og:image:alt. The protocol treats alt as a description of the image, not a caption.
  8. If X needs a large Card, add twitter:card = summary_large_image and a dedicated 2:1 twitter:image when the 1.91:1 crop looks wrong.
  9. Share the URL once in a private channel, then inspect the unfurl. If an old image appears, crawlers often cache by URL; change the filename instead of hoping a overwrite refreshes it.
  10. Do not reuse one generic office photo on every page. X’s Card docs call that out. Unique page, unique still.

Limitations you should expect

AI will still invent prices, hours, and badges if you leave those words in the prompt. It will still put tiny unreadable type in the corners. It cannot publish og:image for you, ping a crawler, or prove that a file is reachable. GPT Image 2 and ChatGPT Images 2.0 improved short labels; they did not make baked-in marketing copy a good idea.

Platforms also disagree. Meta wants ~1.91:1 and 1200×630 for the large preview. LinkedIn documents 1200×627. X’s large Card is 2:1. Slack, Discord, and chat apps often read og:image, but they do not publish one universal pixel contract. Design for 1200×630, keep a quiet center, and test the live URL. Do not claim one file is pixel-perfect everywhere.

If the shared page is a product listing, keep the object honest. Do not generate a lifestyle scene that implies a setting, accessory, or size the SKU does not have. If the page is an article, match the promise in the title. A dramatic unrelated still trains people to skip the click.

FAQ

What size should an AI Open Graph image be?

Use 1200×630 as the working canvas. Meta recommends at least that size for high-resolution link previews, a 200×200 minimum, an 8 MB cap, and a ratio close to 1.91:1. LinkedIn recommends 1200×627 at 1.91:1. The Open Graph protocol does not require those pixels; the platforms do.

Is 1200×630 the official Open Graph size?

No. The protocol defines og:image and optional width, height, type, and alt properties. 1200×630 is the practical size that matches Meta’s large-preview guidance and sits one pixel off LinkedIn’s 1200×627 recommendation.

Only if it is already 1.91:1, unique to that URL, and still readable at small size. A square CMS crop or a 16:9 header often loses the subject in the unfurl. Generate the link-preview card first, then crop a second file for the article if you need it.

Should the AI write the page title on the image?

No. Generate the scene and an empty type band. Put two or three verified words in an editor, or rely on og:title. Invented headlines, prices, and URLs create trust problems and are hard to fix without regenerating.

Why does an old image still appear after I replaced the file?

Crawlers cache by URL. X’s Card troubleshooting notes that appending a new query or changing the filename is the usual fix. Replacing bytes at the same URL often leaves the old preview in place.

Is an Open Graph image the same as an X header or a Facebook cover?

No. An X header is a 1500×500 profile strip. A Facebook Page cover is 851×315. An Open Graph image is the card other apps fetch when the URL is shared. Generate each canvas separately.

Sources

Create an Open Graph image with FreeGPTImg

Start with one subject and an empty center band. Open FreeGPTImg, draft the 1200×630 crop with GPT Image 2, refine the still in the AI text-to-image generator, keep a product honest in AI product photography, and only reuse the frame in AI social media ads after a person has typed the real two-word overlay.