Dynamic OG Images

Boost Your Social Media Presence with Dynamic OG Images

Create eye-catching, personalized Open Graph images for your blog posts and web pages

What are Open Graph Images?

Open Graph (OG) images are the visual representations of your web pages when shared on social media platforms. They play a crucial role in attracting attention and increasing click-through rates.

Boost Engagement

Increase likes, shares, and comments on your social media posts

Improve Click Rates

Entice users to click on your links with visually appealing previews

Brand Consistency

Maintain a cohesive visual identity across all shared content

Why Use Dynamic OG Images?

  • ✅ Automatically generate unique images for each page or post
  • ✅ Customize images based on content, title, or any other data
  • ✅ Save time by eliminating manual image creation
  • ✅ Ensure consistent branding across all your shared links
  • ✅ Improve SEO and social media optimization

How It Works

  1. Design your OG image template with customizable elements
  2. Set up the API integration with your website or CMS
  3. Pass dynamic content (title, description, etc.) to the API
  4. Our service generates a unique image based on your template and data
  5. The generated image URL is used in your page's OG meta tags

API Usage

POST Request Example

You can use nested objects or flattened keys with dot notation (e.g., content.text, logo.image)

curl --location 'https://render.imejis.io/v1/YOUR_DESIGN_ID' \
--header 'dma-api-key: YOUR_API_KEY' \
--header 'Content-Type: application/json' \
--data '{
  "logo": {
    "image": "https://example.com/logo.png"
  },
  "Image": {
    "image": "https://example.com/side-image.jpg"
  },
  "content.text": "Your dynamic text here"
}'

Integration Example

Server-Side Image Generation

Generate images on your server and use them in meta tags

// Server-side example (Node.js)
const response = await fetch('https://render.imejis.io/v1/kHIDyT_8HZnn8u3J6g7Si', {
  method: 'POST',
  headers: {
    'dma-api-key': 'YOUR_API_KEY',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    'content.text': pageTitle,
    'logo.image': logoUrl
  })
})
const imageBlob = await response.blob()
// Save or serve the image

Try It Out

Generate a Sample OG Image

Customize the parameters and see the result in real-time

Generated image will appear here