There is no verified Instagram-specific Open Graph image format in the material available for this guide. An Open Graph (OG) image is an asset a web page identifies for link previews; it is not the artwork you upload as an Instagram post. To make a website’s share image, create the graphic, publish it at a publicly accessible HTTPS address, and point the page’s og:image metadata to that address. The Open Graph protocol describes its purpose this way: “The Open Graph protocol enables any web page to become a rich object in a social graph.” Open Graph protocol documentation.
What an Open Graph image generator does—and what it does not do
An OG image generator helps you design and export the image used when a web page is represented in a social sharing surface. It may offer templates, editable text and colors, a preview, and an image download. Some tools also help produce or copy the metadata that tells a page where its image lives.
The generator does not, by itself, publish an image to your website or configure the page’s metadata. Those are separate implementation steps. Nor does the phrase “Instagram Open Graph image” establish a special image size or format for Instagram posts. The reliable scope here is the general web link-preview workflow; the reviewed sources do not verify how Instagram handles OG metadata in every sharing context.
How to create and publish an OG image
- Choose a generator or editor. Select a browser-based tool or design editor with a canvas or template that suits the page. Check whether it offers the export format, customization, metadata assistance, and preview checks you need.
- Design for the page. Use the page title and relevant visual content. Preview the design at the intended dimensions, and keep essential text and logos away from the outer edges so destination-specific cropping is less likely to cut them off.
- Export an image. A PNG is a practical choice for text, screenshots, and flat graphics; JPEG is generally suited to photographic images. Those format choices are recommendations from the OG Image Design guide, not requirements of the Open Graph protocol. OG Image Design’s guide.
- Host the file publicly. Put the exported file at a stable, publicly reachable absolute HTTPS URL. A file that exists only on your computer, behind a login, or at an inaccessible address cannot serve as a public preview image.
- Add the page metadata. Set the page’s
og:imageproperty to the image’s absolute URL. Include the other core properties—og:title,og:type, andog:url—so the page describes the object being shared. The protocol also defines optional image properties such as secure URL, MIME type, width, height, and alternative text. Open Graph protocol documentation. - Check the shared-link preview. Use a suitable validator or platform preview tool for the destination you care about. A finished-looking image and correctly written metadata do not guarantee that every service will fetch or display it as expected.
Example metadata
For a 1200-by-630 image, the following illustrates the core tags and optional image details. Replace the example URLs and values with your own. The dimensions are an example, not an Instagram-specific rule.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitches#1 Best Overall
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
<meta property="og:title" content="A page title">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/images/page-preview.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="A short description of the preview image">Place the metadata in the page’s HTML head, using the conventions of your site platform or framework. The protocol’s four basic properties are title, type, image, and URL; the additional image fields are optional structured properties. Open Graph protocol documentation.
What size should an OG image be?
A practical starting point is 1200 × 630 pixels, or about a 1.91:1 aspect ratio. OG Image Design’s guide, last updated July 2026, presents that as a broadly useful size and notes that destinations may differ and crop images. It is a specialist guide’s recommendation, not a universal platform requirement or an Instagram rule. OG Image Design.
Keep the most important words, logos, and other details in a central safe area. A design that relies on information near the edge may look fine in one preview and lose content when another service crops it. If exact rendering matters, verify the destination’s current guidance and test the preview for the actual sharing context.
Destination figures reported by the guide
OG Image Design lists the following destination examples. They are claims from that guide, not guarantees for every app version or sharing context.
Rank #2
| Destination | Guide’s example | Important qualification |
|---|---|---|
| 1200 × 630 pixels; 8 MB maximum | Verify current destination behavior if exact handling matters. | |
| X/Twitter | 1200 × 630 pixels; 5 MB maximum | The guide notes a 2:1 large-card crop. |
| 1200 × 627 pixels; 5 MB maximum | Verify current destination behavior if exact handling matters. | |
| Keep images under 600 KB | The guide frames this as a recommendation for older clients. |
These figures are useful starting points, not substitutes for checking the current requirements of a particular destination. OG Image Design’s sizing guide.
Choosing a generator: compare the workflow, not just the template count
Tools in this category range from browser editors to products advertising APIs. Choose according to how you will make, host, and maintain images—not on a template count alone.
- Editing and customization: Is editing in the browser? Can you tune typography, layout, colors, and brand elements, and does the tool make it straightforward to keep important content crop-safe?
- Export and hosting: Which file formats and dimensions can you export? Does the tool merely download an image, or does it also host the asset at a URL your page can use?
- Metadata support: Does it generate or copy metadata as well as the graphic? Remember that metadata still needs to be present on the page that will be shared.
- Preview and validation: Can you inspect the design before export, and can you verify the result in the preview tool for your intended destination?
- Privacy and access: Check whether image processing happens in the browser or on a server, what data the service handles, whether an account is required, and what usage limits apply.
- Dynamic generation: If images must be made programmatically for many pages, confirm API availability, hosting, quotas, and current pricing before adopting a workflow.
For concrete examples, og-image.org describes template customization, a live preview, PNG export, and copying metadata in a browser workflow; its documentation states a vendor-reported count of 20+ templates, with no year stated on the accessed page. og-image.org. OGForge advertises templates, PNG downloads, a dynamic API, and other paid features; its homepage states a default 1200 × 630 canvas and advertises 120 templates, with no year stated for that count. Treat feature counts and product descriptions as vendor claims, and recheck current prices and availability directly with the vendor. OGForge.
OpenGraph Studio’s search-result description presents a browser cropper, compressor, and preview tool, and says it requires no signup or server-side image processing. The page could not be confirmed, so treat those as unverified descriptions rather than established facts. OpenGraph Studio.
Recommended Free Tools
Why an OG image may not appear
A design file alone is not enough: the page must expose usable metadata that points to the image, and the destination must be able to fetch and display it. Work through these checks before redesigning the graphic:
- The page has no image reference: Inspect the page source or rendered head and confirm that
og:imageis present and contains the intended absolute URL. - The URL cannot be fetched publicly: Open the image URL without relying on a logged-in session. Confirm that it uses HTTPS, resolves to the correct file, and is not blocked by access controls.
- The page points to the wrong image: Check that the metadata belongs to the page being shared, not just the home page or a different URL.
- The preview is cropped or looks different: Keep key content away from the edges and test the shared link in the destination’s own preview tool. Destination behavior may vary.
- The image appears stale or fails in one context: Recheck the currently published page and asset URL, then validate the actual link in the relevant preview tool. A successful design export does not prove a destination fetched the newest asset.
The available sources do not establish a single Instagram-specific cause or fix for missing OG previews. Diagnose the web-page metadata and the target sharing surface separately rather than assuming an Instagram post-image format is involved.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
If you need a screenshot of a live page rather than a designed OG graphic, ScreenshotNeo can return an image or PDF from one GET request. It is a website screenshot API and MCP server for developers; it is not an OG image editor, and a screenshot still needs to be hosted and referenced in your page metadata if you want to use it as an OG image.
Example cURL request, using the ScreenshotNeo API: read the ScreenshotNeo documentation.
Rank #4
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpScreenshotNeo can accept cookie or consent banners before capture and remove more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers report the page verdict and whether it was billed. AI agents can use its MCP server tools, including take_screenshot, get_page_info, and capture_pdf. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000 screenshots.
Sign up for ScreenshotNeo’s free plan to get 1,000 screenshots a month with no card.
FAQ
Can I use the generated image as an Instagram post image?
You can export and use an image file as artwork where a platform accepts it, but an OG generator’s output is intended for a web page’s link-preview metadata. The sources here do not establish an Instagram-specific OG format or behavior for ordinary posts.
Does an OG image generator add the image to my website automatically?
Not necessarily. The workflow generally requires you to export or otherwise obtain the image, publish it at a public URL, and set the page’s og:image value to that URL. Check the particular tool’s documented workflow.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
