Open Graph Image

Generate Open Graph Image for product profiles

Customize this free template

100% customizable in the editor
Render via API, Zapier, Make & n8n
Export PNG, JPG, PDF & MP4
Generate at scale from a spreadsheet
Remix it with the AI design agent

Start from this template

Skip the blank canvas — this design is ready to make your own.

Customize it free

Edit text, colors and images in the Orshot editor in minutes.

Render or automate

Export instantly, or generate at scale via API, Zapier, Make & n8n.

Integrations

Automate this template using integrations

MCP Server

n8n

Make

Airtable

Zapier

Pipedream

Rest API

Webhooks

Dynamic URLs

Signed URLs

Orshot CLI

For developers

Backend Usage

You can generate Open Graph Image renders using Rest API and Orshot SDKs

API Documentation

await fetch("https://api.orshot.com/v1/generate/images", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: "Bearer <ORSHOT_API_KEY>",
  }, 
  body: JSON.stringify({
    "templateId": "open-graph-image-4",
    "response": {
      "format": "png",
      "type": "base64"
      "scale": 1
    },
    "modifications": {
      "logo": "https://cdn.pika.style/icons/pika-light-squared.png",
      "titleFontSize": "52",
      "title": "Typefaces that'll give you chills!",
      "titleColor": "#fff",
      "screenshotImage": "https://cdn.pika.style/api-templates/sample-images/google-ui-screenshot.png",
      "showImageOnRight": "false",
      "backgroundColor": "linear-gradient(to bottom, #397E8E 70%, #023458 100%)",
      "backgroundImageUrl": ""
    }
  }),
});

Modifications

You can customize the template using following modifications

Key	Description	Type
logo	Image address or base64 of the logo	string
titleFontSize	Font size of title in CSS pixels value	number
title	Title text	string
titleColor	HEX value for Title's color	string
screenshotImage	Image URL or base64 of the screenshot image	string
showImageOnRight	Set true to show the image on the screenshot image on right side	boolean
backgroundColor	Hex or CSS color of background	string
backgroundImageUrl	Link to background image	string